/* Shared radius token — keep UI corners consistent */
:root{--qeema-radius:22px}

/* === scroll-reveal.css — progressive enhancement: elements only start
   hidden once JS has actually armed them (data attribute set by
   scroll-reveal.js), so content stays fully visible if JS fails/never
   runs. Skipped entirely for prefers-reduced-motion. === */
.qeema-reveal--armed{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1);transition-delay:var(--reveal-delay,0s)}
.qeema-reveal--armed.is-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.qeema-reveal--armed{opacity:1;transform:none;transition:none}}

/* === global font === */
html{scroll-behavior:smooth}
/* full-bleed sections (100vw + negative margins) can push the page a few px
   wider than the viewport; clipping that at the body level - instead of on
   each full-bleed element - avoids the side effect where an element's own
   overflow-x:hidden silently forces its overflow-y to behave as auto/hidden
   too (per spec, mixing 'hidden' on one axis with 'visible' on the other
   isn't honored), which was clipping hover pop-out cards near the section's
   top/bottom edge. */
body{overflow-x:hidden}
body,h1,h2,h3,h4,h5,h6,p,a,li,button,input,textarea,select,label{font-family:'Rubik',sans-serif!important}

/* === one shared animated background for the whole site � "Aurora Depth" === */
body{background:#0a1830}
body::before{content:"";position:fixed;top:-140px;right:-140px;bottom:-140px;left:-140px;z-index:-2;pointer-events:none;background:radial-gradient(ellipse 60% 50% at 16% 18%,rgba(34,211,238,.22),transparent 60%),radial-gradient(ellipse 55% 48% at 86% 10%,rgba(139,92,246,.18),transparent 60%),radial-gradient(ellipse 60% 55% at 46% 96%,rgba(59,130,246,.16),transparent 60%),linear-gradient(160deg,#050c18 0%,#0a1830 55%,#0f2038 100%);filter:blur(90px);animation:qeema-bg-drift 32s ease-in-out infinite}
@keyframes qeema-bg-drift{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-2.5%,2%) scale(1.06)}}
@media(prefers-reduced-motion:reduce){body::before{animation:none}}

/* === hero-section.css === */
.qt-code-typing-widget{width:100%;max-width:700px;aspect-ratio:7/5;height:auto;position:relative}
.qt-code-card{width:100%;height:100%;position:relative;border-radius:22px;overflow:visible;background:rgba(10,24,46,.42);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 26px 80px rgba(0,0,0,.30)}
.qt-code-card::before{content:"";position:absolute;inset:0;border-radius:22px;background:linear-gradient(rgba(59,130,246,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.08) 1px,transparent 1px);background-size:34px 34px;opacity:.26;mask-image:radial-gradient(circle at 50% 45%,black 0 62%,transparent 82%);pointer-events:none}
.qt-code-top{height:46px;display:flex;align-items:center;gap:8px;padding:0 14px;border-radius:22px 22px 0 0;border-bottom:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03);overflow:hidden}
.qt-dot{width:9px;height:9px;border-radius:22px;background:rgba(255,255,255,.22)}
.qt-dot.r{background:rgba(59,130,246,.65);box-shadow:0 0 18px rgba(59,130,246,.25)}
.qt-dot.y{background:rgba(34,211,238,.65);box-shadow:0 0 18px rgba(34,211,238,.25)}
.qt-dot.g{background:rgba(255,255,255,.18)}
.qt-code-title{margin-left:10px;color:rgba(255,255,255,.78);font:650 12px/1.2 ui-monospace,Menlo,Consolas,"Courier New",monospace;letter-spacing:.7px}
.qt-chip{margin-left:auto;padding:6px 11px;border-radius:22px;font:800 11px/1 ui-monospace,Menlo,Consolas,monospace;color:rgba(255,255,255,.92);background:rgba(34,211,238,.14);border:1px solid rgba(34,211,238,.20);box-shadow:0 0 20px rgba(34,211,238,.10);animation:qtChipPulse 2.2s ease-in-out infinite}
@keyframes qtChipPulse{0%,100%{transform:translateY(0);opacity:.82}50%{transform:translateY(-2px);opacity:1}}
.qt-code-body{position:relative;height:calc(100% - 46px);padding:16px;overflow:hidden;border-radius:0 0 22px 22px}
.qt-code-glow{position:absolute;inset:-55%;background:radial-gradient(circle at 22% 28%,rgba(34,211,238,.26),transparent 58%),radial-gradient(circle at 74% 78%,rgba(59,130,246,.22),transparent 62%),conic-gradient(from 10deg,rgba(34,211,238,.0),rgba(34,211,238,.12),rgba(59,130,246,.10),rgba(34,211,238,.0));filter:blur(24px);opacity:.95;animation:qtGlowMove 6s ease-in-out infinite;pointer-events:none}
@keyframes qtGlowMove{0%,100%{transform:translate(-12px,10px) scale(1)}50%{transform:translate(18px,-14px) scale(1.08)}}
.qt-scanline{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0 40%,rgba(255,255,255,.06) 48%,transparent 56%);opacity:.55;mix-blend-mode:screen;animation:qtScan 2.2s linear infinite;pointer-events:none}
@keyframes qtScan{from{transform:translateY(-28%)}to{transform:translateY(28%)}}
.qt-particles{position:absolute;inset:0;pointer-events:none;opacity:.85}
.qt-particles::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 22%,rgba(34,211,238,.70) 0 2px,transparent 3px),radial-gradient(circle at 20% 70%,rgba(255,90,200,.55) 0 2px,transparent 3px),radial-gradient(circle at 42% 35%,rgba(59,130,246,.55) 0 2px,transparent 3px),radial-gradient(circle at 65% 62%,rgba(255,214,102,.50) 0 2px,transparent 3px),radial-gradient(circle at 84% 30%,rgba(0,255,170,.45) 0 2px,transparent 3px);filter:drop-shadow(0 0 12px rgba(34,211,238,.18));animation:qtParticles 3s ease-in-out infinite}
@keyframes qtParticles{0%,100%{transform:translate(0,0);opacity:.55}50%{transform:translate(12px,-10px);opacity:.95}}
.qt-pre{position:relative;z-index:2;margin:0;width:100%;height:100%;padding:14px;border-radius:22px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.08);overflow:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;color:rgba(255,255,255,.90);font:650 13px/1.65 ui-monospace,Menlo,Consolas,"Courier New",monospace}
.qt-pre::-webkit-scrollbar{display:none}
.qt-caret{display:inline-block;width:10px;height:18px;margin-left:2px;vertical-align:-3px;border-radius:3px;background:rgba(255,255,255,.92);box-shadow:0 0 18px rgba(34,211,238,.18);animation:qtBlink 1s steps(1) infinite}
@keyframes qtBlink{0%,49%{opacity:1}50%,100%{opacity:0}}
.qt-ficon{position:absolute;z-index:90;width:56px;height:56px;border-radius:22px;display:grid;place-items:center;box-shadow:0 22px 60px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.20);overflow:hidden;animation:qtOrbit var(--fi-dur,3.2s) ease-in-out infinite;animation-delay:var(--fi-delay,0s)}
.qt-svg{width:26px;height:26px;color:rgba(255,255,255,.92);filter:drop-shadow(0 0 10px rgba(0,0,0,.15))}
@keyframes qtOrbit{0%,100%{transform:translate(0,0) rotate(0deg)}50%{transform:translate(var(--fi-dx,0px),var(--fi-dy,-8px)) rotate(var(--fi-rot,4deg))}}
.fi-1{top:-26px;left:-18px;--fi-dur:3.6s;--fi-delay:0s;--fi-dy:-10px;--fi-rot:-6deg;background:linear-gradient(135deg,#ff2d95,#7c3aed)}
.fi-2{top:-34px;right:-20px;width:60px;height:60px;--fi-dur:4.1s;--fi-delay:.5s;--fi-dx:4px;--fi-dy:-9px;--fi-rot:8deg;background:linear-gradient(135deg,#ff8a3d,#ff2d6a)}
.fi-3{top:36%;right:-34px;width:46px;height:46px;border-radius:22px;--fi-dur:2.8s;--fi-delay:.2s;--fi-dx:6px;--fi-dy:-6px;--fi-rot:14deg;background:linear-gradient(135deg,#ffd166,#ef4444)}
.fi-4{bottom:-26px;right:-16px;width:58px;height:58px;--fi-dur:3.9s;--fi-delay:.8s;--fi-dy:-8px;--fi-rot:-8deg;background:linear-gradient(135deg,#00ffb2,#0d9488)}
.fi-5{bottom:-22px;left:-18px;--fi-dur:4.4s;--fi-delay:.3s;--fi-dx:-4px;--fi-dy:-9px;--fi-rot:6deg;background:linear-gradient(135deg,#60a5fa,#7c3aed)}
.fi-6{top:42%;left:-30px;width:42px;height:42px;border-radius:22px;--fi-dur:3.1s;--fi-delay:1s;--fi-dx:-5px;--fi-dy:-7px;--fi-rot:-16deg;background:linear-gradient(135deg,#22d3ee,#14b8a6)}
.qt-ficon::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.22),transparent 45%,rgba(255,255,255,.10))}
@media(max-width:1024px){.qt-ficon{display:none}}

/* === hero phone-mockups visual (About-style pages) === */
.qt-phones-glow{position:absolute;top:50%;left:50%;width:360px;height:360px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(34,211,238,.30),transparent 70%);filter:blur(50px);z-index:0;animation:qtPhonesGlowMove 6s ease-in-out infinite}
@keyframes qtPhonesGlowMove{0%,100%{transform:translate(-50%,-50%) translate(-12px,10px) scale(1)}50%{transform:translate(-50%,-50%) translate(18px,-14px) scale(1.08)}}
.qt-phone-mock{position:absolute;z-index:1;width:172px;height:340px;border-radius:22px;background:rgba(10,24,46,.55);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 30px 70px rgba(0,0,0,.35);padding:14px 12px}
.qt-phone-mock__notch{width:46px;height:6px;border-radius:22px;background:rgba(255,255,255,.25);margin:0 auto 12px}
.qt-phone-mock__screen{width:100%;height:calc(100% - 24px);border-radius:22px;background:linear-gradient(160deg,rgba(16,207,255,.16),rgba(0,102,255,.10));border:1px solid rgba(255,255,255,.08);padding:12px;display:flex;flex-direction:column;gap:10px}
.qt-phone-mock__screen.alt{background:linear-gradient(160deg,rgba(139,92,246,.20),rgba(16,207,255,.08))}
.qt-phone-mock__screen.alt2{background:linear-gradient(160deg,rgba(0,255,170,.16),rgba(0,102,255,.08))}
.qt-phone-mock__bar{width:70%;height:10px;border-radius:6px;background:rgba(255,255,255,.30);flex-shrink:0}
.qt-phone-mock__card{flex:1;border-radius:22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10)}
.qt-phone-mock__card.small{flex:0 0 34%}
.phone-a{top:6%;left:calc(50% - 190px);z-index:3;animation:qtPhoneFloatA 4.2s ease-in-out infinite}
.phone-b{top:16%;left:calc(50% - 44px);z-index:2;opacity:.92;animation:qtPhoneFloatB 5s ease-in-out infinite .3s}
.phone-c{top:2%;left:calc(50% + 60px);z-index:1;opacity:.85;animation:qtPhoneFloatC 4.6s ease-in-out infinite .6s}
@keyframes qtPhoneFloatA{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-14px) rotate(-8deg)}}
@keyframes qtPhoneFloatB{0%,100%{transform:translateY(0) rotate(4deg)}50%{transform:translateY(-10px) rotate(4deg)}}
@keyframes qtPhoneFloatC{0%,100%{transform:translateY(0) rotate(14deg)}50%{transform:translateY(-12px) rotate(14deg)}}
.qt-float-chip{position:absolute;z-index:4;display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:22px;background:rgba(10,24,46,.65);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font-size:13px;font-weight:700;white-space:nowrap;box-shadow:0 14px 30px rgba(0,0,0,.3);animation:qtChipFloat 3.6s ease-in-out infinite}
.chip-a{top:10%;left:calc(50% - 250px);animation-delay:.2s}
.chip-b{bottom:16%;left:calc(50% + 130px);animation-delay:.7s}
.chip-c{bottom:4%;left:calc(50% - 210px);animation-delay:1.1s}
@keyframes qtChipFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media(max-width:1024px){.qt-phone-mock{width:150px;height:300px}.phone-a{left:calc(50% - 160px)}.phone-c{left:calc(50% + 40px)}.chip-a,.chip-b,.chip-c{display:none}}
@media(max-width:600px){.qt-phone-mock{width:120px;height:240px;padding:10px 9px}.phone-a{left:calc(50% - 128px);top:10%}.phone-b{left:calc(50% - 30px);top:18%}.phone-c{display:none}}

/* === hero chat-bubbles visual (Contact page) ===
   Bespoke visual built specifically for the Contact page � a floating "live
   chat" glass card looping a short conversation, rather than reusing the
   code-typing or phone-mockup variants which don't read as "get in touch." */
.qt-chat-glow{position:absolute;top:50%;left:50%;width:380px;height:380px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(34,211,238,.28),transparent 70%);filter:blur(54px);z-index:0;animation:qtPhonesGlowMove 6s ease-in-out infinite}
.qt-chat-widget{position:relative;z-index:1;width:100%;max-width:440px;direction:rtl}
.qt-chat-card{position:relative;border-radius:22px;background:rgba(10,24,46,.5);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 26px 80px rgba(0,0,0,.32)}
.qt-chat-top{height:50px;display:flex;align-items:center;gap:10px;padding:0 18px;border-radius:22px 22px 0 0;border-bottom:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03)}
.qt-chat-status-dot{width:9px;height:9px;border-radius:22px;background:#22e5a8;box-shadow:0 0 12px rgba(34,229,168,.8);animation:qtChatDotPulse 1.8s ease-in-out infinite}
@keyframes qtChatDotPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}
.qt-chat-title{color:rgba(255,255,255,.82);font-size:13px;font-weight:700}
.qt-chat-body{position:relative;min-height:190px;padding:20px 18px;display:flex;flex-direction:column;justify-content:center;gap:12px}
.qt-chat-bubble{max-width:82%;padding:12px 16px;border-radius:22px;font-size:14px;line-height:1.6;font-weight:600;opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease}
.qt-chat-bubble.is-visible{opacity:1;transform:translateY(0)}
.qt-chat-bubble--in{align-self:flex-start;border-bottom-left-radius:4px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#fff}
.qt-chat-bubble--out{align-self:flex-end;border-bottom-right-radius:4px;background:linear-gradient(135deg,#10cfff,#0066ff);color:#fff}
.qt-chat-typing{align-self:flex-start;display:flex;align-items:center;gap:5px;padding:12px 16px;border-radius:22px;border-bottom-left-radius:4px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);opacity:0;transition:opacity .3s ease}
.qt-chat-typing.is-visible{opacity:1}
.qt-chat-typing span{width:6px;height:6px;border-radius:22px;background:rgba(255,255,255,.75);animation:qtChatTypingBounce 1s ease-in-out infinite}
.qt-chat-typing span:nth-child(2){animation-delay:.15s}
.qt-chat-typing span:nth-child(3){animation-delay:.3s}
@keyframes qtChatTypingBounce{0%,60%,100%{transform:translateY(0);opacity:.6}30%{transform:translateY(-4px);opacity:1}}
.chip-chat-a{top:8%;left:calc(50% - 260px);animation-delay:.2s}
.chip-chat-b{bottom:14%;left:calc(50% + 190px);animation-delay:.7s}
.chip-chat-c{bottom:2%;left:calc(50% - 230px);animation-delay:1.1s}
@media(max-width:1024px){.qt-chat-widget{max-width:400px}.chip-chat-a,.chip-chat-b,.chip-chat-c{display:none}}
@media(prefers-reduced-motion:reduce){.qt-chat-glow,.qt-chat-status-dot,.qt-chat-typing span{animation:none!important}}

/* === hero design-build visual (Website Design service page) � a browser-
   chrome card whose inner layout blocks loop from flat gray "wireframe"
   placeholders into filled brand-colored blocks on a stagger, dramatizing
   "concept to finished design." Built specifically for this page rather
   than reusing code_typing (which is effectively the Home page's exact
   snippet/branding). Chip classes are fully unique (chip-design-*) rather
   than the bare chip-a/b/c names, avoiding the earlier class-collision bug
   where a shared name silently inherited a stray property from another
   variant's rule. ===*/
.qt-design-widget *{box-sizing:border-box}
.qt-design-glow{position:absolute;top:50%;left:50%;width:380px;height:380px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(34,211,238,.28),transparent 70%);filter:blur(54px);z-index:0;animation:qtPhonesGlowMove 6s ease-in-out infinite}
.qt-design-widget{position:relative;z-index:1;width:100%;max-width:620px;aspect-ratio:4/3}
.qt-design-card{position:relative;width:100%;height:100%;border-radius:22px;background:rgba(10,24,46,.42);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 26px 80px rgba(0,0,0,.30);overflow:hidden}
.qt-design-top{height:46px;display:flex;align-items:center;gap:8px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03)}
.qt-design-title{margin-left:10px;color:rgba(255,255,255,.78);font:650 12px/1.2 ui-monospace,Menlo,Consolas,"Courier New",monospace;letter-spacing:.7px}
.qt-design-build-chip{animation:qeema-design-chip-click 6s ease-in-out infinite}
.qt-design-canvas{position:relative;height:calc(100% - 46px);padding:22px;display:flex;flex-direction:column;gap:14px}
.qt-design-block{border-radius:22px;opacity:0;transform:translateY(10px) scale(.96);animation:qeema-design-reveal 6s ease-in-out infinite}
.qt-design-block--nav{width:38%;height:16px;background:rgba(255,255,255,.16);animation-delay:0s}
.qt-design-block--hero{width:100%;flex:1;border-radius:22px;background:linear-gradient(135deg,rgba(34,211,238,.55),rgba(59,130,246,.45));animation-delay:.4s}
.qt-design-block--line1{width:92%;height:12px;background:rgba(255,255,255,.85);animation-delay:1.3s}
.qt-design-block--line2{width:74%;height:12px;background:rgba(255,255,255,.55);animation-delay:1.55s}
.qt-design-block--line3{width:58%;height:12px;background:rgba(255,255,255,.32);animation-delay:1.8s}
.qt-design-block--btn{width:150px;height:38px;border-radius:22px;margin-top:4px;background:linear-gradient(135deg,#10cfff,#0066ff);animation-delay:2.2s}
@keyframes qeema-design-reveal{
	0%,4%{opacity:0;transform:translateY(10px) scale(.96)}
	10%{opacity:1;transform:translateY(0) scale(1)}
	85%{opacity:1;transform:translateY(0) scale(1)}
	94%,100%{opacity:0;transform:translateY(10px) scale(.96)}
}
@keyframes qeema-design-chip-click{
	0%,54%{transform:translateY(0) scale(1);opacity:.82;box-shadow:0 0 20px rgba(34,211,238,.10)}
	58%{transform:translateY(0) scale(.85);opacity:1}
	62%{transform:translateY(-2px) scale(1.15);opacity:1;box-shadow:0 0 34px rgba(34,211,238,.55)}
	70%,85%{transform:translateY(0) scale(1);opacity:1;box-shadow:0 0 20px rgba(34,211,238,.20)}
	94%,100%{transform:translateY(0) scale(1);opacity:.82;box-shadow:0 0 20px rgba(34,211,238,.10)}
}
.qt-design-swatches{position:absolute;top:10px;right:10px;display:flex;gap:6px;opacity:0;transform:translateY(-6px);animation:qeema-design-swatches 6s ease-in-out infinite}
.qt-design-swatches span{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.5)}
.qt-design-swatches .s1{background:#10cfff}
.qt-design-swatches .s2{background:#8b5cf6}
.qt-design-swatches .s3{background:#f472b6}
@keyframes qeema-design-swatches{
	0%,38%{opacity:0;transform:translateY(-6px)}
	46%,85%{opacity:1;transform:translateY(0)}
	94%,100%{opacity:0;transform:translateY(-6px)}
}
.qt-design-cursor{position:absolute;width:16px;height:16px;z-index:5;opacity:0;pointer-events:none;animation:qeema-design-cursor-move 6s ease-in-out infinite}
.qt-design-cursor::before{content:"";position:absolute;inset:0;background:#fff;clip-path:polygon(0 0, 0 70%, 25% 55%, 45% 100%, 60% 92%, 40% 50%, 70% 45%);filter:drop-shadow(0 2px 5px rgba(0,0,0,.45))}
@keyframes qeema-design-cursor-move{
	0%,5%{opacity:0;top:14%;left:20%;transform:scale(1)}
	9%{opacity:1}
	16%{top:38%;left:50%}
	26%{top:63%;left:60%}
	30%{top:70%;left:50%}
	34%{top:77%;left:42%}
	40%{top:87%;left:38%}
	42%{transform:scale(.8)}
	45%{transform:scale(1)}
	55%{top:5%;left:88%}
	58%{transform:scale(.8)}
	61%{transform:scale(1)}
	85%{opacity:1}
	94%,100%{opacity:0}
}
.chip-design-a{top:6%;left:calc(50% - 360px);animation-delay:.2s}
.chip-design-b{bottom:10%;left:calc(50% + 280px);animation-delay:.7s}
.chip-design-c{bottom:-2%;left:calc(50% - 320px);animation-delay:1.1s}
@media(max-width:1024px){.qt-design-widget{max-width:480px}.chip-design-a,.chip-design-b,.chip-design-c{display:none}}
@media(prefers-reduced-motion:reduce){
	.qt-design-glow,.qt-design-block,.qt-design-build-chip,.qt-design-swatches{animation:none!important}
	.qt-design-block{opacity:1!important;transform:none!important}
	.qt-design-swatches{opacity:1!important;transform:none!important}
	.qt-design-cursor{display:none!important}
}

/* === hero app-build visual (Mobile App Development service page) � a single
   phone frame whose screen assembles live (status bar -> nav -> content
   cards -> a sliding notification toast), rather than the generic floating-
   multi-phone variant, since this page's pitch is watching an app come
   together on one device. Class names fully unique (qt-appdev-*) per the
   collision lesson learned earlier this session. ===*/
.qt-appdev-glow{position:absolute;top:50%;left:50%;width:360px;height:360px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(34,211,238,.28),transparent 70%);filter:blur(52px);z-index:0;animation:qtPhonesGlowMove 6s ease-in-out infinite}
.qt-appdev-widget{position:relative;z-index:1;width:220px;margin:0 auto}
.qt-appdev-phone{width:220px;height:440px;border-radius:22px;background:rgba(10,24,46,.55);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 30px 70px rgba(0,0,0,.35);padding:16px 14px}
.qt-appdev-notch{width:52px;height:7px;border-radius:22px;background:rgba(255,255,255,.25);margin:0 auto 14px}
.qt-appdev-screen{position:relative;width:100%;height:calc(100% - 27px);border-radius:22px;background:linear-gradient(160deg,rgba(16,207,255,.14),rgba(0,102,255,.08));border:1px solid rgba(255,255,255,.08);padding:16px 14px;display:flex;flex-direction:column;gap:12px;overflow:hidden}
.qt-appdev-statusbar{width:46%;height:8px;border-radius:5px;background:rgba(255,255,255,.28);opacity:0;animation:qtAppFadeIn 3.6s ease-in-out infinite}
.qt-appdev-navbar{width:80%;height:14px;border-radius:22px;background:rgba(255,255,255,.20);opacity:0;animation:qtAppFadeIn 3.6s ease-in-out infinite}
.qt-appdev-card{flex:1;border-radius:22px;background:linear-gradient(135deg,rgba(34,211,238,.30),rgba(59,130,246,.20));border:1px solid rgba(255,255,255,.10);opacity:0;animation:qtAppFadeIn 3.6s ease-in-out infinite}
.qt-appdev-card.small{flex:0 0 26%}
@keyframes qtAppFadeIn{0%,10%{opacity:0;transform:translateY(12px)}25%,80%{opacity:1;transform:translateY(0)}95%,100%{opacity:0;transform:translateY(12px)}}
.qt-appdev-toast{position:absolute;top:14px;left:14px;right:14px;display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:22px;background:rgba(10,24,46,.85);border:1px solid rgba(255,255,255,.16);box-shadow:0 12px 26px rgba(0,0,0,.3);opacity:0;transform:translateY(-16px);animation:qtAppToastIn 3.6s ease-in-out infinite}
.qt-appdev-toast-dot{width:8px;height:8px;border-radius:22px;background:#22e5a8;box-shadow:0 0 10px rgba(34,229,168,.8);flex-shrink:0}
.qt-appdev-toast-text{color:#fff;font-size:12px;font-weight:700}
@keyframes qtAppToastIn{0%,40%{opacity:0;transform:translateY(-16px)}55%,85%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-16px)}}
.chip-appdev-a{top:8%;left:calc(50% - 260px);animation-delay:.2s}
.chip-appdev-b{bottom:20%;left:calc(50% + 150px);animation-delay:.7s}
.chip-appdev-c{bottom:4%;left:calc(50% - 220px);animation-delay:1.1s}
@media(max-width:1024px){.qt-appdev-widget,.qt-appdev-phone{width:190px}.qt-appdev-phone{height:380px}.chip-appdev-a,.chip-appdev-b,.chip-appdev-c{display:none}}
@media(prefers-reduced-motion:reduce){.qt-appdev-glow,.qt-appdev-statusbar,.qt-appdev-navbar,.qt-appdev-card,.qt-appdev-toast{animation:none!important;opacity:1!important;transform:none!important}}

/* === hero growth-chart visual (Digital Marketing service page) � an
   analytics-dashboard card (rising bar chart + a filling engagement ring)
   dramatizing measurable growth, this page's core pitch. ===*/
.qt-growth-glow{position:absolute;top:50%;left:50%;width:380px;height:380px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(34,211,238,.28),transparent 70%);filter:blur(54px);z-index:0;animation:qtPhonesGlowMove 6s ease-in-out infinite}
.qt-growth-widget{position:relative;z-index:1;width:100%;max-width:560px}
.qt-growth-card{border-radius:22px;background:rgba(10,24,46,.42);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 26px 80px rgba(0,0,0,.30);overflow:hidden}
.qt-growth-top{height:46px;display:flex;align-items:center;gap:8px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03)}
.qt-growth-title{margin-left:10px;color:rgba(255,255,255,.78);font:650 12px/1.2 ui-monospace,Menlo,Consolas,"Courier New",monospace;letter-spacing:.7px}
.qt-growth-body{display:flex;align-items:center;gap:28px;padding:26px 24px;min-height:180px}
.qt-growth-chart{flex:1;display:flex;align-items:flex-end;gap:10px;height:140px}
.qt-growth-bar{width:16px;height:var(--h);border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,rgba(34,211,238,.85),rgba(59,130,246,.55));transform-origin:bottom;animation:qtGrowthBarPulse 3.6s ease-in-out infinite}
@keyframes qtGrowthBarPulse{0%,100%{transform:scaleY(.4)}50%{transform:scaleY(1)}}
.qt-growth-ring-wrap{position:relative;width:104px;height:104px;flex-shrink:0;display:grid;place-items:center}
.qt-growth-ring{position:absolute;inset:0;border-radius:50%;animation:qtGrowthRing 4.4s ease-in-out infinite}
@keyframes qtGrowthRing{0%{background:conic-gradient(from -90deg,rgba(34,211,238,.9) 0%,rgba(255,255,255,.08) 0)}60%,100%{background:conic-gradient(from -90deg,rgba(34,211,238,.9) 72%,rgba(255,255,255,.08) 0)}}
.qt-growth-ring-core{position:relative;width:74px;height:74px;border-radius:50%;background:rgba(10,24,46,.9);display:flex;flex-direction:column;align-items:center;justify-content:center}
.qt-growth-ring-num{color:#fff;font-weight:800;font-size:15px}
.qt-growth-ring-label{color:rgba(255,255,255,.55);font-size:10px;letter-spacing:.6px;text-transform:uppercase}
.chip-growth-a{top:6%;left:calc(50% - 320px);animation-delay:.2s}
.chip-growth-b{bottom:10%;left:calc(50% + 250px);animation-delay:.7s}
.chip-growth-c{bottom:-2%;left:calc(50% - 290px);animation-delay:1.1s}
@media(max-width:1024px){.qt-growth-widget{max-width:440px}.qt-growth-body{padding:20px 18px;gap:18px}.qt-growth-ring-wrap{width:84px;height:84px}.qt-growth-ring-core{width:60px;height:60px}.chip-growth-a,.chip-growth-b,.chip-growth-c{display:none}}
@media(prefers-reduced-motion:reduce){.qt-growth-glow,.qt-growth-bar,.qt-growth-ring{animation:none!important}.qt-growth-bar{transform:scaleY(.7)!important}}

/* === hero server-rack visual (Web Hosting service page) � cascading
   activity LEDs, an uptime badge ticking to "99.9%", a pulsing security
   shield and a pinging globe, speaking directly to reliability/security. ===*/
.qt-hosting-glow{position:absolute;top:50%;left:50%;width:380px;height:380px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(34,211,238,.28),transparent 70%);filter:blur(54px);z-index:0;animation:qtPhonesGlowMove 6s ease-in-out infinite}
.qt-hosting-widget{position:relative;z-index:1;width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:18px}
.qt-hosting-rack{position:relative;width:100%;border-radius:22px;background:rgba(10,24,46,.5);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 26px 80px rgba(0,0,0,.30);padding:18px;display:flex;flex-direction:column;gap:10px}
.qt-hosting-unit{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:22px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.qt-hosting-led{width:8px;height:8px;border-radius:22px;background:rgba(34,211,238,.85);box-shadow:0 0 10px rgba(34,211,238,.6);animation:qtHostingLedBlink 2.4s ease-in-out infinite}
@keyframes qtHostingLedBlink{0%,100%{opacity:1}50%{opacity:.25}}
.qt-hosting-bar-mini{flex:1;height:8px;border-radius:5px;background:linear-gradient(90deg,rgba(34,211,238,.4),rgba(59,130,246,.25))}
.qt-hosting-bar-mini.alt{background:linear-gradient(90deg,rgba(139,92,246,.4),rgba(34,211,238,.2))}
.qt-hosting-badge{margin-top:4px;align-self:center;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 22px;border-radius:22px;background:rgba(34,211,238,.12);border:1px solid rgba(34,211,238,.24)}
.qt-hosting-badge-num{color:#fff;font-weight:800;font-size:20px;font-variant-numeric:tabular-nums}
.qt-hosting-badge-label{color:rgba(255,255,255,.6);font-size:11px;letter-spacing:.4px}
.qt-hosting-shield{position:absolute;top:-14px;right:-14px;width:44px;height:44px;border-radius:22px;background:linear-gradient(135deg,#22d3ee,#0066ff);display:grid;place-items:center;color:#fff;box-shadow:0 14px 30px rgba(0,0,0,.3);animation:qtHostingShieldPulse 2.6s ease-in-out infinite}
.qt-hosting-shield .qt-svg{width:22px;height:22px}
@keyframes qtHostingShieldPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
.qt-hosting-globe{position:absolute;bottom:-10px;left:-10px;width:34px;height:34px;border-radius:50%;border:2px solid rgba(34,211,238,.55);background:rgba(34,211,238,.08)}
.qt-hosting-globe::before,.qt-hosting-globe::after{content:"";position:absolute;inset:-8px;border-radius:50%;border:1px solid rgba(34,211,238,.3);animation:qtHostingPing 2.6s ease-out infinite}
.qt-hosting-globe::after{animation-delay:1.3s}
@keyframes qtHostingPing{0%{transform:scale(.6);opacity:.8}100%{transform:scale(1.6);opacity:0}}
.chip-hosting-a{top:4%;left:calc(50% - 260px);animation-delay:.2s}
.chip-hosting-b{bottom:8%;left:calc(50% + 200px);animation-delay:.7s}
.chip-hosting-c{bottom:-4%;left:calc(50% - 240px);animation-delay:1.1s}
@media(max-width:1024px){.qt-hosting-widget{max-width:340px}.chip-hosting-a,.chip-hosting-b,.chip-hosting-c{display:none}}
@media(prefers-reduced-motion:reduce){.qt-hosting-led,.qt-hosting-shield,.qt-hosting-globe::before,.qt-hosting-globe::after,.qt-hosting-glow{animation:none!important}}

/* === hero store-cart visual (E-commerce Store Development service page) �
   product cards flipping into view, an order-progress sweep and an
   incrementing cart badge, dramatizing "browse to checkout" rather than a
   generic browser-screenshot frame. ===*/
.qt-store-glow{position:absolute;top:50%;left:50%;width:380px;height:380px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(34,211,238,.28),transparent 70%);filter:blur(54px);z-index:0;animation:qtPhonesGlowMove 6s ease-in-out infinite}
.qt-store-widget{position:relative;z-index:1;width:100%;max-width:520px}
.qt-store-card{position:relative;border-radius:22px;background:rgba(10,24,46,.42);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 26px 80px rgba(0,0,0,.30)}
.qt-store-top{height:46px;display:flex;align-items:center;gap:8px;padding:0 14px;border-radius:22px 22px 0 0;border-bottom:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03);overflow:hidden}
.qt-store-title{margin-left:10px;color:rgba(255,255,255,.78);font:650 12px/1.2 ui-monospace,Menlo,Consolas,"Courier New",monospace;letter-spacing:.7px}
.qt-store-body{padding:22px;display:flex;flex-direction:column;gap:16px}
.qt-store-products{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;perspective:600px}
.qt-store-product{aspect-ratio:1;border-radius:22px;background:linear-gradient(135deg,rgba(34,211,238,.30),rgba(59,130,246,.20));border:1px solid rgba(255,255,255,.10);opacity:0;animation:qtStoreFlip 3.6s ease-in-out infinite}
@keyframes qtStoreFlip{0%,8%{opacity:0;transform:rotateY(85deg)}25%,80%{opacity:1;transform:rotateY(0)}95%,100%{opacity:0;transform:rotateY(85deg)}}
.qt-store-progress{height:8px;border-radius:5px;background:rgba(255,255,255,.10);overflow:hidden}
.qt-store-progress-fill{display:block;height:100%;width:0;border-radius:5px;background:linear-gradient(90deg,#22d3ee,#0066ff);animation:qtStoreProgress 3.6s ease-in-out infinite}
@keyframes qtStoreProgress{0%,10%{width:0}70%,100%{width:100%}}
.qt-store-progress-label{color:rgba(255,255,255,.65);font-size:12px;font-weight:700}
.qt-store-cart{position:absolute;top:-16px;right:-16px;width:50px;height:50px;border-radius:22px;background:linear-gradient(135deg,#22d3ee,#0066ff);display:grid;place-items:center;color:#fff;box-shadow:0 14px 30px rgba(0,0,0,.3)}
.qt-store-cart .qt-svg{width:24px;height:24px}
.qt-store-cart-badge{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:22px;background:#ff2d6a;color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center;animation:qtStoreBadgePulse 2s ease-in-out infinite}
@keyframes qtStoreBadgePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}
.chip-store-a{top:4%;left:calc(50% - 300px);animation-delay:.2s}
.chip-store-b{bottom:8%;left:calc(50% + 230px);animation-delay:.7s}
.chip-store-c{bottom:-6%;left:calc(50% - 270px);animation-delay:1.1s}
@media(max-width:1024px){.qt-store-widget{max-width:400px}.chip-store-a,.chip-store-b,.chip-store-c{display:none}}
@media(prefers-reduced-motion:reduce){.qt-store-glow,.qt-store-product,.qt-store-progress-fill,.qt-store-cart-badge{animation:none!important}.qt-store-product{opacity:1!important;transform:none!important}.qt-store-progress-fill{width:70%!important}}

/* === hero search-rank visual (SEO service page) � a typed search query, a
   sweeping magnifier and a ranking list climbing to #1 with the client's own
   row highlighted, dramatizing "climbing search results" directly. ===*/
.qt-seo-glow{position:absolute;top:50%;left:50%;width:380px;height:380px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(34,211,238,.28),transparent 70%);filter:blur(54px);z-index:0;animation:qtPhonesGlowMove 6s ease-in-out infinite}
.qt-seo-widget{position:relative;z-index:1;width:100%;max-width:480px}
.qt-seo-card{position:relative;border-radius:22px;background:rgba(10,24,46,.42);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 26px 80px rgba(0,0,0,.30);padding:22px;display:flex;flex-direction:column;gap:18px;overflow:hidden}
.qt-seo-searchbar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);direction:rtl}
.qt-seo-search-icon{width:18px;height:18px;color:rgba(34,211,238,.85);flex-shrink:0}
.qt-seo-search-text{color:#fff;font-size:14px;font-weight:650}
.qt-seo-ranks{display:flex;flex-direction:column;gap:10px}
.qt-seo-rank{display:flex;align-items:center;gap:10px;opacity:0;animation:qtSeoRankIn 3.6s ease-in-out infinite}
@keyframes qtSeoRankIn{0%,10%{opacity:0;transform:translateX(10px)}25%,100%{opacity:1;transform:translateX(0)}}
.qt-seo-rank-num{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;font-size:11px;font-weight:800;color:#fff;background:rgba(255,255,255,.10);flex-shrink:0}
.qt-seo-rank.you .qt-seo-rank-num{background:linear-gradient(135deg,#22d3ee,#0066ff);box-shadow:0 0 16px rgba(34,211,238,.4)}
.qt-seo-rank-bar{flex:1;height:10px;border-radius:6px;background:rgba(255,255,255,.10);overflow:hidden}
.qt-seo-rank-bar-fill{display:block;height:100%;width:35%;border-radius:6px;background:rgba(255,255,255,.20)}
.qt-seo-rank-bar-fill.you{width:35%;background:linear-gradient(90deg,#22d3ee,#0066ff);animation:qtSeoBarGrow 3.6s ease-in-out infinite}
@keyframes qtSeoBarGrow{0%,15%{width:35%}50%,100%{width:100%}}
/* Magnifying glass hovering over the search bar, "scanning" the query � it
   used to sweep down+left far enough to land on top of rank row 2's bar
   (top:20%/right:8% + translate(-140px,60px) put it right in the ranks
   list). Anchored to the search bar's own height and swept sideways only,
   it now always stays over that row and can never overlap the ranks below. */
.qt-seo-glass{position:absolute;top:84px;right:22px;width:20px;height:20px;color:rgba(34,211,238,.7);filter:drop-shadow(0 0 6px rgba(34,211,238,.5));animation:qtSeoGlassSweep 5s ease-in-out infinite;pointer-events:none}
@keyframes qtSeoGlassSweep{0%,100%{transform:translate(0,0)}50%{transform:translate(0,64px)}}
.chip-seo-a{top:4%;left:calc(50% - 280px);animation-delay:.2s}
.chip-seo-b{bottom:8%;left:calc(50% + 210px);animation-delay:.7s}
.chip-seo-c{bottom:-6%;left:calc(50% - 250px);animation-delay:1.1s}
@media(max-width:1024px){.qt-seo-widget{max-width:380px}.qt-seo-glass{display:none}.chip-seo-a,.chip-seo-b,.chip-seo-c{display:none}}
@media(prefers-reduced-motion:reduce){.qt-seo-glow,.qt-seo-rank,.qt-seo-rank-bar-fill.you,.qt-seo-glass{animation:none!important}.qt-seo-rank{opacity:1!important;transform:none!important}.qt-seo-rank-bar-fill.you{width:100%!important}}

/* === hero blueprint visual (Custom Software Projects service page) � an
   architecture card whose nodes and connecting lines draw themselves in,
   plus a turning "processing" ring, speaking to solutions engineered from
   scratch rather than a finished-product visual. ===*/
.qt-blueprint-glow{position:absolute;top:50%;left:50%;width:380px;height:380px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(34,211,238,.28),transparent 70%);filter:blur(54px);z-index:0;animation:qtPhonesGlowMove 6s ease-in-out infinite}
.qt-blueprint-widget{position:relative;z-index:1;width:100%;max-width:560px;aspect-ratio:12/7}
.qt-blueprint-card{width:100%;height:100%;border-radius:22px;background:rgba(10,24,46,.42);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 26px 80px rgba(0,0,0,.30);overflow:hidden}
.qt-blueprint-top{height:46px;display:flex;align-items:center;gap:8px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03)}
.qt-blueprint-title{margin-left:10px;color:rgba(255,255,255,.78);font:650 12px/1.2 ui-monospace,Menlo,Consolas,"Courier New",monospace;letter-spacing:.7px}
.qt-blueprint-canvas{position:relative;height:calc(100% - 46px);padding:10px}
.qt-blueprint-node{position:absolute;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:5px;background:linear-gradient(135deg,rgba(34,211,238,.85),rgba(59,130,246,.65));box-shadow:0 0 14px rgba(34,211,238,.4);opacity:0;animation:qtBlueprintNodeIn 3.6s ease-in-out infinite}
@keyframes qtBlueprintNodeIn{0%,8%{opacity:0;transform:scale(.4)}25%,80%{opacity:1;transform:scale(1)}95%,100%{opacity:0;transform:scale(.4)}}
.qt-blueprint-node.n1{left:19%;top:20%}
.qt-blueprint-node.n2{left:50%;top:20%}
.qt-blueprint-node.n3{left:50%;top:60%}
.qt-blueprint-node.n4{left:82%;top:60%}
.qt-blueprint-lines{position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px)}
.qt-blueprint-line{stroke:rgba(34,211,238,.55);stroke-width:2;fill:none;stroke-dasharray:100;stroke-dashoffset:100;animation:qtBlueprintDraw 3.6s ease-in-out infinite}
@keyframes qtBlueprintDraw{0%,8%{stroke-dashoffset:100}40%,80%{stroke-dashoffset:0}95%,100%{stroke-dashoffset:100}}
.qt-blueprint-gear{position:absolute;bottom:14px;right:14px;width:30px;height:30px;border-radius:50%;border:3px dashed rgba(34,211,238,.55);animation:qtBlueprintGearSpin 5s linear infinite}
@keyframes qtBlueprintGearSpin{to{transform:rotate(360deg)}}
.chip-blueprint-a{top:4%;left:calc(50% - 320px);animation-delay:.2s}
.chip-blueprint-b{bottom:8%;left:calc(50% + 250px);animation-delay:.7s}
.chip-blueprint-c{bottom:-6%;left:calc(50% - 290px);animation-delay:1.1s}
@media(max-width:1024px){.qt-blueprint-widget{max-width:440px}.chip-blueprint-a,.chip-blueprint-b,.chip-blueprint-c{display:none}}
@media(prefers-reduced-motion:reduce){.qt-blueprint-glow,.qt-blueprint-node,.qt-blueprint-line,.qt-blueprint-gear{animation:none!important;opacity:1!important;transform:none!important;stroke-dashoffset:0!important}}

/* === hero pipeline visual (CRM service page) � a kanban-style pipeline card
   (lead -> contacted -> closed columns with a contact card sliding across)
   dramatizing organized customer relationships rather than a generic
   dashboard. ===*/
.qt-pipeline-glow{position:absolute;top:50%;left:50%;width:380px;height:380px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(34,211,238,.28),transparent 70%);filter:blur(54px);z-index:0;animation:qtPhonesGlowMove 6s ease-in-out infinite}
.qt-pipeline-widget{position:relative;z-index:1;width:100%;max-width:560px}
.qt-pipeline-card{border-radius:22px;background:rgba(10,24,46,.42);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 26px 80px rgba(0,0,0,.30);overflow:hidden}
.qt-pipeline-top{height:46px;display:flex;align-items:center;gap:8px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03)}
.qt-pipeline-title{margin-left:10px;color:rgba(255,255,255,.78);font:650 12px/1.2 ui-monospace,Menlo,Consolas,"Courier New",monospace;letter-spacing:.7px}
.qt-pipeline-board{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:24px}
.qt-pipeline-col{display:flex;flex-direction:column;align-items:center;gap:12px;padding:14px 8px;border-radius:22px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.qt-pipeline-col-label{color:rgba(255,255,255,.6);font-size:11px;font-weight:700;text-align:center}
.qt-pipeline-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,rgba(34,211,238,.55),rgba(139,92,246,.45));opacity:0;animation:qtPipelineAvatarIn 3.6s ease-in-out infinite}
@keyframes qtPipelineAvatarIn{0%,10%{opacity:0;transform:scale(.5)}25%,100%{opacity:1;transform:scale(1)}}
.qt-pipeline-mover{position:absolute;top:50%;left:8%;width:30px;height:30px;border-radius:22px;background:linear-gradient(135deg,#22d3ee,#0066ff);box-shadow:0 10px 24px rgba(0,0,0,.3);animation:qtPipelineMove 3.6s ease-in-out infinite}
@keyframes qtPipelineMove{0%,10%{left:8%;opacity:1}45%{left:44%}80%,90%{left:80%}100%{left:80%;opacity:0}}
.chip-pipeline-a{top:4%;left:calc(50% - 320px);animation-delay:.2s}
.chip-pipeline-b{bottom:8%;left:calc(50% + 250px);animation-delay:.7s}
.chip-pipeline-c{bottom:-6%;left:calc(50% - 290px);animation-delay:1.1s}
@media(max-width:1024px){.qt-pipeline-widget{max-width:440px}.qt-pipeline-col-label{font-size:10px}.chip-pipeline-a,.chip-pipeline-b,.chip-pipeline-c{display:none}}
@media(prefers-reduced-motion:reduce){.qt-pipeline-glow,.qt-pipeline-avatar,.qt-pipeline-mover{animation:none!important;opacity:1!important;transform:none!important}.qt-pipeline-mover{left:44%!important}}

/* === hero module-hub visual (ODOO ERP service page) � separate module
   tiles sliding in and snapping together around one central hub, dramatizing
   "many business processes, one unified system," this page's core value. ===*/
.qt-erp-glow{position:absolute;top:50%;left:50%;width:380px;height:380px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(34,211,238,.28),transparent 70%);filter:blur(54px);z-index:0;animation:qtPhonesGlowMove 6s ease-in-out infinite}
.qt-erp-widget{position:relative;z-index:1;width:340px;height:340px;margin:0 auto}
.qt-erp-hub-core{position:absolute;top:50%;left:50%;width:92px;height:92px;margin:-46px 0 0 -46px;border-radius:50%;background:linear-gradient(135deg,#22d3ee,#0066ff);display:grid;place-items:center;box-shadow:0 0 40px rgba(34,211,238,.4),0 20px 50px rgba(0,0,0,.35);z-index:2;animation:qtErpHubPulse 3.2s ease-in-out infinite}
@keyframes qtErpHubPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
.qt-erp-hub-label{color:#fff;font-weight:800;font-size:15px;letter-spacing:.5px}
.qt-erp-module{position:absolute;width:46px;height:46px;margin-left:-23px;border-radius:22px;background:rgba(10,24,46,.6);border:1px solid rgba(255,255,255,.16);box-shadow:0 14px 30px rgba(0,0,0,.3);opacity:0;animation:qtErpModuleIn 3.6s ease-in-out infinite}
@keyframes qtErpModuleIn{0%,8%{opacity:0;transform:scale(.3)}30%,80%{opacity:1;transform:scale(1)}95%,100%{opacity:0;transform:scale(.3)}}
.qt-erp-module.m1{top:2%;left:50%}
.qt-erp-module.m2{top:20%;left:87%}
.qt-erp-module.m3{top:66%;left:87%}
.qt-erp-module.m4{top:84%;left:50%}
.qt-erp-module.m5{top:66%;left:13%}
.qt-erp-module.m6{top:20%;left:13%}
.chip-erp-a{top:2%;left:calc(50% - 260px);animation-delay:.2s}
.chip-erp-b{bottom:6%;left:calc(50% + 200px);animation-delay:.7s}
.chip-erp-c{bottom:-8%;left:calc(50% - 230px);animation-delay:1.1s}
@media(max-width:1024px){.qt-erp-widget{width:280px;height:280px}.qt-erp-module{width:38px;height:38px;margin-left:-19px}.chip-erp-a,.chip-erp-b,.chip-erp-c{display:none}}
@media(prefers-reduced-motion:reduce){.qt-erp-glow,.qt-erp-hub-core,.qt-erp-module{animation:none!important;opacity:1!important;transform:none!important}}

/* === hero service-orbit visual (Services page) ===
   Cycles through the site's real service list (icon + name cross-fading) in
   a glass card � same visual language as the chat-bubble hero, themed around
   "what we offer" instead of a conversation. */
.qt-services-glow{position:absolute;top:50%;left:50%;width:380px;height:380px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(34,211,238,.28),transparent 70%);filter:blur(54px);z-index:0;animation:qtPhonesGlowMove 6s ease-in-out infinite}
.qt-services-widget{position:relative;z-index:1;width:100%;max-width:420px;direction:rtl}
.qt-services-card{position:relative;border-radius:22px;background:rgba(10,24,46,.5);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 26px 80px rgba(0,0,0,.32)}
.qt-services-top{height:50px;display:flex;align-items:center;gap:10px;padding:0 18px;border-radius:22px 22px 0 0;border-bottom:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03)}
.qt-services-body{position:relative;min-height:230px;padding:36px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;text-align:center}
.qt-services-slide{display:flex;flex-direction:column;align-items:center;gap:16px;opacity:1;transform:scale(1);transition:opacity .35s ease,transform .35s ease}
.qt-services-slide.is-fading{opacity:0;transform:scale(.94)}
.qt-services-icon-wrap{width:74px;height:74px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,#10cfff,#0066ff);box-shadow:0 18px 40px rgba(16,207,255,.28)}
.qt-services-icon{font-size:30px;color:#fff}
.qt-services-name{color:#fff;font-size:19px;font-weight:800;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35;max-width:320px}
.qt-services-dots{display:flex;gap:8px}
.qt-services-dot{width:7px;height:7px;border-radius:22px;background:rgba(255,255,255,.22);transition:background .3s ease,transform .3s ease}
.qt-services-dot.is-active{background:#22d3ee;transform:scale(1.3)}
.chip-svc-a{top:8%;left:calc(50% - 250px);animation-delay:.2s}
.chip-svc-b{bottom:16%;left:calc(50% + 180px);animation-delay:.7s}
.chip-svc-c{bottom:4%;left:calc(50% - 220px);animation-delay:1.1s}
@media(max-width:1024px){.qt-services-widget{max-width:380px}.chip-svc-a,.chip-svc-b,.chip-svc-c{display:none}}
@media(prefers-reduced-motion:reduce){.qt-services-glow{animation:none!important}.qt-services-slide{transition:none!important}}

/* === hero client-reviews visual (???? ??????? page) � built entirely from
   real testimonial-CPT photos + the live published count (that CPT has no
   rating/quote/name fields, so nothing here is invented); a spotlight ring
   slides across the real client avatars in pure CSS, no JS needed. ===*/
.qt-reviews-glow{position:absolute;top:50%;left:50%;width:380px;height:380px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(34,211,238,.28),transparent 70%);filter:blur(54px);z-index:0;animation:qtPhonesGlowMove 6s ease-in-out infinite}
.qt-reviews-widget{position:relative;z-index:1;width:100%;max-width:460px}
.qt-reviews-card{border-radius:22px;background:rgba(10,24,46,.42);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 26px 80px rgba(0,0,0,.30);overflow:hidden}
.qt-reviews-top{height:46px;display:flex;align-items:center;gap:8px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03)}
.qt-reviews-title{margin-left:10px;color:rgba(255,255,255,.78);font:650 12px/1.2 ui-monospace,Menlo,Consolas,"Courier New",monospace;letter-spacing:.7px}
.qt-reviews-body{position:relative;padding:30px 24px 26px;display:flex;flex-direction:column;align-items:center;gap:20px}
.qt-reviews-avatars{position:relative;width:100%;display:flex;align-items:center;justify-content:center;gap:14px;padding:10px 0}
.qt-reviews-avatar{position:relative;width:52px;height:52px;border-radius:50%;overflow:visible;flex-shrink:0}
.qt-reviews-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;border:2px solid rgba(255,255,255,.16)}
.qt-reviews-avatar__play{position:absolute;bottom:-3px;right:-3px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#10cfff,#0066ff);color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.35)}
.qt-reviews-avatar__play svg{width:9px;height:9px;margin-inline-start:1px}
.qt-reviews-spotlight{position:absolute;top:50%;left:10%;width:68px;height:68px;margin:-34px 0 0 -34px;border-radius:50%;border:2px solid rgba(34,211,238,.75);box-shadow:0 0 22px rgba(34,211,238,.45),inset 0 0 14px rgba(34,211,238,.25);pointer-events:none;animation:qtReviewsSpotlight 4.4s ease-in-out infinite}
@keyframes qtReviewsSpotlight{0%,5%{left:10%;opacity:1}20%{left:30%}40%{left:50%}60%{left:70%}80%{left:90%}95%,100%{left:90%;opacity:0}}
.qt-reviews-stat{display:flex;align-items:baseline;gap:10px}
.qt-reviews-stat__num{color:#fff;font-size:34px;font-weight:800;font-family:ui-monospace,Menlo,Consolas,monospace;text-shadow:0 0 22px rgba(34,211,238,.35)}
.qt-reviews-stat__label{color:rgba(255,255,255,.7);font-size:14px;font-weight:700}
.chip-reviews-a{top:4%;left:calc(50% - 300px);animation-delay:.2s}
.chip-reviews-b{bottom:10%;left:calc(50% + 230px);animation-delay:.7s}
.chip-reviews-c{bottom:-6%;left:calc(50% - 270px);animation-delay:1.1s}
@media(max-width:1024px){.qt-reviews-widget{max-width:380px}.qt-reviews-avatar{width:44px;height:44px}.qt-reviews-spotlight{width:58px;height:58px;margin:-29px 0 0 -29px}.chip-reviews-a,.chip-reviews-b,.chip-reviews-c{display:none}}
@media(prefers-reduced-motion:reduce){.qt-reviews-glow,.qt-reviews-spotlight{animation:none!important;opacity:1!important}.qt-reviews-spotlight{left:50%!important}}

/*=== Our-Clients page hero visual: a 3x3 wall of real client logos (same
   ACF repeater the Trusted-By marquee reads) with a per-tile idle pulse and
   a light beam sweeping the card; the "+N ????" chip is a live count, never
   invented. ===*/
.qt-clients-widget *{box-sizing:border-box}
.qt-clients-glow{position:absolute;top:50%;left:50%;width:380px;height:380px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(34,211,238,.28),transparent 70%);filter:blur(54px);z-index:0;animation:qtPhonesGlowMove 6s ease-in-out infinite}
.qt-clients-widget{position:relative;z-index:1;width:100%;max-width:460px}
.qt-clients-card{border-radius:22px;background:rgba(10,24,46,.42);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 26px 80px rgba(0,0,0,.30);overflow:hidden}
.qt-clients-top{height:46px;display:flex;align-items:center;gap:8px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03)}
.qt-clients-title{margin-left:10px;color:rgba(255,255,255,.78);font:650 12px/1.2 ui-monospace,Menlo,Consolas,"Courier New",monospace;letter-spacing:.7px}
.qt-clients-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:22px}
.qt-clients-tile{position:relative;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:12px;border-radius:22px;background:rgba(255,255,255,.94);box-shadow:0 8px 18px rgba(0,0,0,.18);animation:qtClientsTilePulse 3.6s ease-in-out infinite;animation-delay:calc(var(--i,0) * .18s)}
.qt-clients-tile img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.qt-clients-sweep{position:absolute;top:0;bottom:0;left:-15%;width:60px;background:linear-gradient(100deg,transparent,rgba(34,211,238,.30),transparent);pointer-events:none;animation:qtClientsSweep 5s ease-in-out infinite}
@keyframes qtClientsTilePulse{0%,100%{transform:scale(1);box-shadow:0 8px 18px rgba(0,0,0,.18)}50%{transform:scale(1.06);box-shadow:0 10px 26px rgba(34,211,238,.30)}}
@keyframes qtClientsSweep{0%,4%{left:-15%}96%,100%{left:110%}}
.chip-clients-a{top:4%;left:calc(50% - 300px);animation-delay:.2s}
.chip-clients-b{bottom:10%;left:calc(50% + 230px);animation-delay:.7s}
.chip-clients-c{bottom:-6%;left:calc(50% - 270px);animation-delay:1.1s}
@media(max-width:1024px){.qt-clients-widget{max-width:380px}.chip-clients-a,.chip-clients-b,.chip-clients-c{display:none}}
@media(prefers-reduced-motion:reduce){.qt-clients-glow,.qt-clients-tile,.qt-clients-sweep{animation:none!important}.qt-clients-tile{transform:none!important}.qt-clients-sweep{display:none!important}}

/*=== Construction/contracting-company page hero visual: a building rising
   floor by floor with a crane beside it � the site's own pitch (\"we build
   your company's site\") dramatized as literal construction. ===*/
.qt-build-widget *{box-sizing:border-box}
.qt-build-glow{position:absolute;top:50%;left:50%;width:380px;height:380px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(34,211,238,.28),transparent 70%);filter:blur(54px);z-index:0;animation:qtPhonesGlowMove 6s ease-in-out infinite}
.qt-build-widget{position:relative;z-index:1;width:100%;max-width:460px}
.qt-build-card{position:relative;border-radius:22px;background:rgba(10,24,46,.42);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 26px 80px rgba(0,0,0,.30);overflow:hidden}
.qt-build-top{height:46px;display:flex;align-items:center;gap:8px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03)}
.qt-build-title{margin-left:10px;color:rgba(255,255,255,.78);font:650 12px/1.2 ui-monospace,Menlo,Consolas,"Courier New",monospace;letter-spacing:.7px}
.qt-build-scene{position:relative;height:300px;display:flex;align-items:flex-end;justify-content:center;padding:24px 26px 18px}
.qt-build-tower{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;width:-moz-fit-content;width:fit-content}
.qt-build-floor{position:relative;height:44px;display:flex;align-items:center;justify-content:center;gap:8px;border-top:1px solid rgba(255,255,255,.14);background:repeating-linear-gradient(0deg,rgba(255,255,255,.06) 0 1px,transparent 1px 11px),linear-gradient(135deg,rgba(16,207,255,.18),rgba(0,102,255,.14));opacity:0;transform:translateY(30px);animation:qeema-build-rise 6s ease-in-out infinite;animation-delay:calc(var(--i,0) * .5s)}
.qt-build-floor i{width:9px;height:9px;border-radius:2px;background:rgba(255,255,255,.15);animation:qeema-build-window 6s ease-in-out infinite;animation-delay:calc(var(--i,0) * .5s)}
.qt-build-floor i:nth-child(2){animation-delay:calc(var(--i,0) * .5s + .12s)}
.qt-build-floor i:nth-child(3){animation-delay:calc(var(--i,0) * .5s + .24s)}
@keyframes qeema-build-rise{0%,4%{opacity:0;transform:translateY(30px)}14%,85%{opacity:1;transform:translateY(0)}94%,100%{opacity:0;transform:translateY(30px)}}
@keyframes qeema-build-window{0%,22%{background:rgba(255,255,255,.15);box-shadow:none}30%,85%{background:#ffd166;box-shadow:0 0 8px rgba(255,209,102,.7)}94%,100%{background:rgba(255,255,255,.15);box-shadow:none}}
.qt-build-scaffold{position:absolute;top:0;bottom:0;right:-13px;width:13px;border-left:2px solid rgba(255,255,255,.32);border-right:2px solid rgba(255,255,255,.32);background:repeating-linear-gradient(55deg,rgba(255,255,255,.28) 0 2px,transparent 2px 11px),repeating-linear-gradient(125deg,rgba(255,255,255,.28) 0 2px,transparent 2px 11px),repeating-linear-gradient(0deg,rgba(255,255,255,.35) 0 2px,transparent 2px 38px);opacity:.8;pointer-events:none}
.qt-build-pile{position:absolute;left:36px;bottom:14px;width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:18px solid rgba(196,151,92,.6);z-index:1}
.qt-build-ground{position:absolute;left:26px;right:26px;bottom:0;height:5px;border-radius:2px;background:repeating-linear-gradient(45deg,#ffc233 0 7px,#1c1f2a 7px 14px);opacity:.55;z-index:1}
.qt-build-crane{position:absolute;top:10px;right:44px;width:86px;height:240px;z-index:3;pointer-events:none}
.qt-build-crane__mast{position:absolute;bottom:0;right:0;width:6px;height:100%;border-radius:1px;background:repeating-linear-gradient(0deg,rgba(255,255,255,.65) 0 2px,transparent 2px 13px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.qt-build-crane__flag{position:absolute;top:-14px;right:2px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:12px solid #ff6b3d;transform-origin:100% 50%;animation:qeema-crane-flag 2.4s ease-in-out infinite}
.qt-build-crane__jib{position:absolute;top:0;right:0;width:82px;height:4px;border-radius:2px;background:rgba(255,255,255,.55);transform-origin:100% 50%;animation:qeema-crane-swing 6s ease-in-out infinite}
.qt-build-crane__counterjib{position:absolute;top:0;right:-20px;width:20px;height:4px;border-radius:2px;background:rgba(255,255,255,.55);transform-origin:100% 50%;animation:qeema-crane-swing 6s ease-in-out infinite}
.qt-build-crane__counterweight{position:absolute;top:3px;right:-19px;width:10px;height:15px;border-radius:2px;background:linear-gradient(180deg,#9098a4,#565c66);box-shadow:0 3px 5px rgba(0,0,0,.35);transform-origin:100% -3px;animation:qeema-crane-swing 6s ease-in-out infinite}
.qt-build-crane__cable{position:absolute;top:4px;right:66px;width:2px;height:38px;background:rgba(255,255,255,.35);transform-origin:top center;animation:qeema-crane-swing 6s ease-in-out infinite}
.qt-build-crane__hook{position:absolute;top:40px;right:61px;width:11px;height:11px;border-radius:3px;background:linear-gradient(135deg,#ffd166,#ff9f1c);box-shadow:0 0 10px rgba(255,209,102,.55);animation:qeema-crane-hook 6s ease-in-out infinite}
@keyframes qeema-crane-swing{0%,100%{transform:rotate(0deg)}50%{transform:rotate(-5deg)}}
@keyframes qeema-crane-hook{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
@keyframes qeema-crane-flag{0%,100%{transform:rotate(0deg)}50%{transform:rotate(-10deg)}}
.chip-build-a{top:4%;left:calc(50% - 300px);animation-delay:.2s}
.chip-build-b{bottom:10%;left:calc(50% + 230px);animation-delay:.7s}
.chip-build-c{bottom:-6%;left:calc(50% - 270px);animation-delay:1.1s}
@media(max-width:1024px){.qt-build-widget{max-width:380px}.qt-build-crane{right:20px}.chip-build-a,.chip-build-b,.chip-build-c{display:none}}
@media(prefers-reduced-motion:reduce){.qt-build-glow,.qt-build-floor,.qt-build-floor i,.qt-build-crane__jib,.qt-build-crane__counterjib,.qt-build-crane__counterweight,.qt-build-crane__cable,.qt-build-crane__hook,.qt-build-crane__flag{animation:none!important}.qt-build-floor{opacity:1!important;transform:none!important}.qt-build-floor i{background:#ffd166!important;box-shadow:0 0 8px rgba(255,209,102,.7)!important}}

/* About-page hero visual: "Company Hub" — a central QT mark with four real
   proof-point stats orbiting it (project count, support, readiness, team
   size), connected by thin spokes. Nodes/spokes play a single staggered
   entrance (no looping motion on them - only the center ring pulses
   continuously) per the "animate 1-2 key elements max" rule used everywhere
   else in this file. */
.qt-hub-glow{position:absolute;top:50%;left:50%;width:380px;height:380px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(34,211,238,.24),transparent 70%);filter:blur(54px);z-index:0;animation:qtPhonesGlowMove 6s ease-in-out infinite}
.qt-hub-widget{position:relative;z-index:1;width:100%;max-width:400px;aspect-ratio:1/1;margin:0 auto}
.qt-hub-spoke{position:absolute;top:50%;left:50%;width:34%;height:2px;background:linear-gradient(90deg,rgba(34,211,238,.5),transparent);transform-origin:0 50%;opacity:0;animation:qtHubSpokeIn .5s ease forwards;animation-delay:calc(.2s + var(--i) * .12s)}
.qt-hub-spoke--n{transform:rotate(-90deg)}
.qt-hub-spoke--e{transform:rotate(0deg)}
.qt-hub-spoke--s{transform:rotate(90deg)}
.qt-hub-spoke--w{transform:rotate(180deg)}
@keyframes qtHubSpokeIn{from{opacity:0;transform:scaleX(0) rotate(var(--r,0))}to{opacity:1}}
.qt-hub-spoke--n{--r:-90deg}.qt-hub-spoke--e{--r:0deg}.qt-hub-spoke--s{--r:90deg}.qt-hub-spoke--w{--r:180deg}
.qt-hub-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:88px;height:88px;z-index:3}
.qt-hub-center__ring{position:absolute;inset:0;border-radius:50%;background:linear-gradient(135deg,#22d3ee,#8b5cf6);opacity:.9;box-shadow:0 0 0 6px rgba(34,211,238,.12),0 0 40px rgba(34,211,238,.35);animation:qtHubPulse 2.6s ease-in-out infinite}
.qt-hub-center__mark{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#0a1830;margin:5px}
.qt-hub-center__mark img{width:56%;height:56%;object-fit:contain;filter:brightness(0) invert(1)}
@keyframes qtHubPulse{0%,100%{box-shadow:0 0 0 6px rgba(34,211,238,.12),0 0 40px rgba(34,211,238,.35)}50%{box-shadow:0 0 0 10px rgba(34,211,238,.06),0 0 54px rgba(139,92,246,.4)}}
.qt-hub-node{position:absolute;display:flex;flex-direction:column;align-items:center;gap:4px;width:118px;padding:14px 10px;border-radius:22px;background:rgba(10,24,46,.65);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 14px 30px rgba(0,0,0,.3);text-align:center;z-index:2;opacity:0;transform:var(--center,none) translateY(10px) scale(.92);animation:qtHubNodeIn .5s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(.35s + var(--i) * .12s)}
@keyframes qtHubNodeIn{to{opacity:1;transform:var(--center,none) translateY(0) scale(1)}}
.qt-hub-node--n{top:0;left:50%;--center:translateX(-50%)}
.qt-hub-node--e{top:50%;right:0;--center:translateY(-50%)}
.qt-hub-node--s{bottom:0;left:50%;--center:translateX(-50%)}
.qt-hub-node--w{top:50%;left:0;--center:translateY(-50%)}
.qt-hub-node__icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-size:14px;color:#fff}
.qt-hub-node--n .qt-hub-node__icon{background:linear-gradient(135deg,#22d3ee,#0ea5e9)}
.qt-hub-node--e .qt-hub-node__icon{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}
.qt-hub-node--s .qt-hub-node__icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}
.qt-hub-node--w .qt-hub-node__icon{background:linear-gradient(135deg,#22d3ee,#8b5cf6)}
.qt-hub-node .qt-hub-node__num{margin:0;font-size:18px;font-weight:800;color:#fff}
.qt-hub-node__label{font-size:11px;color:rgba(255,255,255,.65)}
.chip-hub-a{top:6%;left:calc(50% - 240px);animation-delay:.9s}
.chip-hub-b{bottom:8%;left:calc(50% + 190px);animation-delay:1.3s}
@media(max-width:1024px){.qt-hub-widget{max-width:340px}.qt-hub-node{width:100px;padding:12px 8px}.qt-hub-node__num{font-size:16px}.chip-hub-a,.chip-hub-b{display:none}}
@media(max-width:480px){.qt-hub-widget{max-width:280px}.qt-hub-center{width:70px;height:70px}.qt-hub-node{width:84px;padding:10px 6px}.qt-hub-node__icon{width:26px;height:26px;font-size:12px}.qt-hub-node__num{font-size:14px}.qt-hub-node__label{font-size:9.5px}}
@media(prefers-reduced-motion:reduce){.qt-hub-glow,.qt-hub-center__ring{animation:none!important}.qt-hub-spoke,.qt-hub-node{animation:none!important;opacity:1!important}.qt-hub-spoke--n{transform:rotate(-90deg)!important}.qt-hub-spoke--s{transform:rotate(90deg)!important}.qt-hub-spoke--w{transform:rotate(180deg)!important}.qt-hub-node{transform:var(--center,none)!important}}

.qeema-hero-section{position:relative;overflow:hidden;padding:70px 70px 90px}
.qeema-hero-section__wrap{max-width:1600px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;position:relative;z-index:1}
.qeema-hero-section__wrap.qeema-hero--no-visual{grid-template-columns:1fr;text-align:center}
.qeema-hero-section__wrap.qeema-hero--no-visual .qeema-hero-section__actions{justify-content:center}
.qeema-hero-section__content,.qeema-hero-section__visual{min-width:0}
.qeema-hero-section__eyebrow{display:inline-block;margin-bottom:18px;padding:10px 16px;border-radius:22px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);color:#8feeff;font-size:14px;font-weight:700}
.qeema-hero-section .qeema-hero-section__heading{margin:0 0 16px;color:#fff;font-size:52px;line-height:1.35;font-weight:800}
.qeema-hero-section p{margin:0 0 24px;color:rgba(255,255,255,.84);font-size:19px;line-height:1.9;font-weight:500}
.qeema-hero-section__visual{position:relative;min-height:420px;display:flex;align-items:center;justify-content:center;direction:ltr}
.qt-simple-btn{text-decoration:none!important;padding:14px 26px;border-radius:22px;font-weight:800;font-size:15px;transition:.3s ease;display:inline-block}
.qt-simple-btn.primary{background:linear-gradient(135deg,#38bdf8,#0284c7);color:#fff!important;box-shadow:0 12px 30px rgba(14,165,233,.28)}
.qt-simple-btn.ghost{color:#fff!important;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14)}
.qt-simple-btn:hover{transform:translateY(-2px)}
@media (max-width:1024px){
	.qeema-hero-section__wrap{grid-template-columns:1fr;text-align:center}
	.qeema-hero-section__actions{justify-content:center}
	.qeema-hero-section .qeema-hero-section__heading{font-size:38px}
	.qeema-hero-section__visual{min-height:0;margin-top:20px}
}
@media (max-width:600px){
	.qeema-hero-section{padding:60px 20px 70px}
	.qeema-hero-section .qeema-hero-section__heading{font-size:30px}
	.qeema-hero-section p{font-size:16px}
	.qt-code-title{font-size:11px}
	.qt-pre{font-size:11px;text-align:left}
}
/* Inner-page heroes (About/Services/Our-Clients/etc.) sit right under the
   site's own 105px fixed-header offset (see thank-you-hero.css below), so
   they don't need the homepage hero's full 70px of extra top padding on
   top of that. */
.qeema-hero-section.qeema-about-hero{padding-top:28px}
@media (max-width:600px){.qeema-hero-section.qeema-about-hero{padding-top:24px}}

/* === stats-counter.css === */
.qeema-stats-counter{padding:60px 20px}
.qeema-stats-counter__wrap{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(var(--qeema-stats-cols,4),1fr);gap:16px;padding:28px;border-radius:22px;background:linear-gradient(135deg,rgba(34,211,238,.08),rgba(139,92,246,.05));border:1px solid rgba(255,255,255,.10);box-shadow:0 0 40px rgba(34,211,238,.06),inset 0 1px 0 rgba(255,255,255,.05)}
.qeema-stat-box{padding:30px 20px;border-radius:22px;text-align:center;background:rgba(10,24,46,.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.10);position:relative;transition:.3s}
.qeema-stat-box:hover{transform:translateY(-6px);border-color:#22d3ee;box-shadow:0 0 20px rgba(34,211,238,.2)}
.qeema-stat-box::before{content:"";position:absolute;inset:0;border-radius:22px;background:linear-gradient(135deg,#22d3ee,#8b5cf6);opacity:.05;z-index:-1}
.qeema-stat-box__num{font-size:42px;font-weight:800;color:#22d3ee;margin-bottom:10px}
.qeema-stat-box__label{color:#ccc;font-size:16px}
@media(max-width:992px){.qeema-stats-counter__wrap{grid-template-columns:repeat(2,1fr)}}
@media(max-width:576px){
	.qeema-stats-counter{padding:40px 16px}
	.qeema-stats-counter__wrap{grid-template-columns:repeat(2,1fr);gap:12px;padding:20px}
	.qeema-stat-box{padding:20px 14px}
	.qeema-stat-box__num{font-size:32px;margin-bottom:6px}
	.qeema-stat-box__label{font-size:14px}
}

/* === feature-grid.css === */
.qeema-feature-grid{padding:80px 30px}
.qeema-feature-grid *{box-sizing:border-box}
.qeema-feature-grid__wrap{max-width:1600px;margin:auto}
.qeema-feature-grid__head{text-align:center;max-width:760px;margin:0 auto 40px}
.qeema-feature-grid__badge{display:inline-block;padding:10px 16px;border-radius:22px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);color:#8feeff!important;font-size:14px;font-weight:700;margin-bottom:18px}
.qeema-feature-grid__head h2{color:#fff!important;font-size:40px;line-height:1.4;margin:0 0 14px;font-weight:800}
.qeema-feature-grid__head h2 span{color:#22dcff!important}
.qeema-feature-grid__head p{color:rgba(255,255,255,.78)!important;font-size:18px;line-height:1.9;margin:0}
.qeema-feature-grid__grid{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:repeat(var(--qeema-grid-cols,4),minmax(0,1fr));gap:18px}
.qeema-feature-card{position:relative;min-height:230px;padding:26px 18px 22px;border-radius:22px;background:linear-gradient(180deg,rgba(10,24,46,.6),rgba(10,24,46,.5));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.10);text-align:center;text-decoration:none!important;display:block;transition:transform .3s ease,border-color .3s ease,background .3s ease,box-shadow .3s ease}
.qeema-feature-card:hover{transform:translateY(-8px);border-color:rgba(34,220,255,.35);background:linear-gradient(180deg,rgba(34,220,255,.09),rgba(255,255,255,.03));box-shadow:0 0 28px rgba(34,220,255,.25),0 0 60px rgba(34,220,255,.10)}
.qeema-feature-card__icon{width:64px;height:64px;margin:0 auto 16px;border-radius:22px;display:flex;align-items:center;justify-content:center;color:#fff!important;font-size:28px;font-weight:800;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);transition:transform .3s ease,background .3s ease}
.qeema-feature-card:hover .qeema-feature-card__icon{transform:translateY(-4px) scale(1.06) rotate(-3deg)}
.qeema-feature-card:nth-child(1) .qeema-feature-card__icon{color:#22d3ee!important;background:rgba(34,211,238,.14);border-color:rgba(34,211,238,.3)}
.qeema-feature-card:nth-child(1):hover .qeema-feature-card__icon{background:rgba(34,211,238,.22)}
.qeema-feature-card:nth-child(2) .qeema-feature-card__icon{color:#fb923c!important;background:rgba(251,146,60,.14);border-color:rgba(251,146,60,.3)}
.qeema-feature-card:nth-child(2):hover .qeema-feature-card__icon{background:rgba(251,146,60,.22)}
.qeema-feature-card:nth-child(3) .qeema-feature-card__icon{color:#a78bfa!important;background:rgba(167,139,250,.14);border-color:rgba(167,139,250,.3)}
.qeema-feature-card:nth-child(3):hover .qeema-feature-card__icon{background:rgba(167,139,250,.22)}
.qeema-feature-card:nth-child(4) .qeema-feature-card__icon{color:#3b82f6!important;background:rgba(59,130,246,.14);border-color:rgba(59,130,246,.3)}
.qeema-feature-card:nth-child(4):hover .qeema-feature-card__icon{background:rgba(59,130,246,.22)}
.qeema-feature-card:nth-child(5) .qeema-feature-card__icon{color:#4ade80!important;background:rgba(74,222,128,.14);border-color:rgba(74,222,128,.3)}
.qeema-feature-card:nth-child(5):hover .qeema-feature-card__icon{background:rgba(74,222,128,.22)}
.qeema-feature-card:nth-child(6) .qeema-feature-card__icon{color:#f472b6!important;background:rgba(244,114,182,.14);border-color:rgba(244,114,182,.3)}
.qeema-feature-card:nth-child(6):hover .qeema-feature-card__icon{background:rgba(244,114,182,.22)}
.qeema-feature-card:nth-child(7) .qeema-feature-card__icon{color:#2dd4bf!important;background:rgba(45,212,191,.14);border-color:rgba(45,212,191,.3)}
.qeema-feature-card:nth-child(7):hover .qeema-feature-card__icon{background:rgba(45,212,191,.22)}
.qeema-feature-card:nth-child(8) .qeema-feature-card__icon{color:#fbbf24!important;background:rgba(251,191,36,.14);border-color:rgba(251,191,36,.3)}
.qeema-feature-card:nth-child(8):hover .qeema-feature-card__icon{background:rgba(251,191,36,.22)}
.qeema-feature-card::before,.qeema-feature-card::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:conic-gradient(from 0deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:qeema-border-scan 3.4s linear infinite}
.qeema-feature-card::before{z-index:2}
.qeema-feature-card::after{z-index:1;filter:blur(5px);opacity:.85}
@keyframes qeema-border-scan{0%{background:conic-gradient(from 0deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}0.8333%{background:conic-gradient(from 3deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}1.6667%{background:conic-gradient(from 6deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}2.5%{background:conic-gradient(from 9deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}3.3333%{background:conic-gradient(from 12deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}4.1667%{background:conic-gradient(from 15deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}5%{background:conic-gradient(from 18deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}5.8333%{background:conic-gradient(from 21deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}6.6667%{background:conic-gradient(from 24deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}7.5%{background:conic-gradient(from 27deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}8.3333%{background:conic-gradient(from 30deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}9.1667%{background:conic-gradient(from 33deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}10%{background:conic-gradient(from 36deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}10.8333%{background:conic-gradient(from 39deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}11.6667%{background:conic-gradient(from 42deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}12.5%{background:conic-gradient(from 45deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}13.3333%{background:conic-gradient(from 48deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}14.1667%{background:conic-gradient(from 51deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}15%{background:conic-gradient(from 54deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}15.8333%{background:conic-gradient(from 57deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}16.6667%{background:conic-gradient(from 60deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}17.5%{background:conic-gradient(from 63deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}18.3333%{background:conic-gradient(from 66deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}19.1667%{background:conic-gradient(from 69deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}20%{background:conic-gradient(from 72deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}20.8333%{background:conic-gradient(from 75deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}21.6667%{background:conic-gradient(from 78deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}22.5%{background:conic-gradient(from 81deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}23.3333%{background:conic-gradient(from 84deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}24.1667%{background:conic-gradient(from 87deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}25%{background:conic-gradient(from 90deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}25.8333%{background:conic-gradient(from 93deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}26.6667%{background:conic-gradient(from 96deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}27.5%{background:conic-gradient(from 99deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}28.3333%{background:conic-gradient(from 102deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}29.1667%{background:conic-gradient(from 105deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}30%{background:conic-gradient(from 108deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}30.8333%{background:conic-gradient(from 111deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}31.6667%{background:conic-gradient(from 114deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}32.5%{background:conic-gradient(from 117deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}33.3333%{background:conic-gradient(from 120deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}34.1667%{background:conic-gradient(from 123deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}35%{background:conic-gradient(from 126deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}35.8333%{background:conic-gradient(from 129deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}36.6667%{background:conic-gradient(from 132deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}37.5%{background:conic-gradient(from 135deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}38.3333%{background:conic-gradient(from 138deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}39.1667%{background:conic-gradient(from 141deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}40%{background:conic-gradient(from 144deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}40.8333%{background:conic-gradient(from 147deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}41.6667%{background:conic-gradient(from 150deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}42.5%{background:conic-gradient(from 153deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}43.3333%{background:conic-gradient(from 156deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}44.1667%{background:conic-gradient(from 159deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}45%{background:conic-gradient(from 162deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}45.8333%{background:conic-gradient(from 165deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}46.6667%{background:conic-gradient(from 168deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}47.5%{background:conic-gradient(from 171deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}48.3333%{background:conic-gradient(from 174deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}49.1667%{background:conic-gradient(from 177deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}50%{background:conic-gradient(from 180deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}50.8333%{background:conic-gradient(from 183deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}51.6667%{background:conic-gradient(from 186deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}52.5%{background:conic-gradient(from 189deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}53.3333%{background:conic-gradient(from 192deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}54.1667%{background:conic-gradient(from 195deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}55%{background:conic-gradient(from 198deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}55.8333%{background:conic-gradient(from 201deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}56.6667%{background:conic-gradient(from 204deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}57.5%{background:conic-gradient(from 207deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}58.3333%{background:conic-gradient(from 210deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}59.1667%{background:conic-gradient(from 213deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}60%{background:conic-gradient(from 216deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}60.8333%{background:conic-gradient(from 219deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}61.6667%{background:conic-gradient(from 222deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}62.5%{background:conic-gradient(from 225deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}63.3333%{background:conic-gradient(from 228deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}64.1667%{background:conic-gradient(from 231deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}65%{background:conic-gradient(from 234deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}65.8333%{background:conic-gradient(from 237deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}66.6667%{background:conic-gradient(from 240deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}67.5%{background:conic-gradient(from 243deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}68.3333%{background:conic-gradient(from 246deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}69.1667%{background:conic-gradient(from 249deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}70%{background:conic-gradient(from 252deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}70.8333%{background:conic-gradient(from 255deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}71.6667%{background:conic-gradient(from 258deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}72.5%{background:conic-gradient(from 261deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}73.3333%{background:conic-gradient(from 264deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}74.1667%{background:conic-gradient(from 267deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}75%{background:conic-gradient(from 270deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}75.8333%{background:conic-gradient(from 273deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}76.6667%{background:conic-gradient(from 276deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}77.5%{background:conic-gradient(from 279deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}78.3333%{background:conic-gradient(from 282deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}79.1667%{background:conic-gradient(from 285deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}80%{background:conic-gradient(from 288deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}80.8333%{background:conic-gradient(from 291deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}81.6667%{background:conic-gradient(from 294deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}82.5%{background:conic-gradient(from 297deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}83.3333%{background:conic-gradient(from 300deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}84.1667%{background:conic-gradient(from 303deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}85%{background:conic-gradient(from 306deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}85.8333%{background:conic-gradient(from 309deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}86.6667%{background:conic-gradient(from 312deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}87.5%{background:conic-gradient(from 315deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}88.3333%{background:conic-gradient(from 318deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}89.1667%{background:conic-gradient(from 321deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}90%{background:conic-gradient(from 324deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}90.8333%{background:conic-gradient(from 327deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}91.6667%{background:conic-gradient(from 330deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}92.5%{background:conic-gradient(from 333deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}93.3333%{background:conic-gradient(from 336deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}94.1667%{background:conic-gradient(from 339deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}95%{background:conic-gradient(from 342deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}95.8333%{background:conic-gradient(from 345deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}96.6667%{background:conic-gradient(from 348deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}97.5%{background:conic-gradient(from 351deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}98.3333%{background:conic-gradient(from 354deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}99.1667%{background:conic-gradient(from 357deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}100%{background:conic-gradient(from 360deg,transparent 0deg 258deg,rgba(34,220,255,.75) 282deg,#fff 300deg,rgba(34,220,255,.75) 318deg,transparent 342deg 360deg)}}
.qeema-feature-card h3{margin:0 0 12px;color:#fff!important;font-size:22px;line-height:1.65;font-weight:800}
.qeema-feature-card p{margin:0;color:rgba(255,255,255,.78)!important;font-size:15px;line-height:1.9;font-weight:500}
.qeema-feature-grid__actions{display:flex;justify-content:center;gap:14px;margin-top:35px;flex-wrap:wrap}
.qeema-feature-grid__btn{text-decoration:none!important;padding:14px 22px;border-radius:22px;font-size:16px;font-weight:800;transition:.3s ease;display:inline-block}
.qeema-feature-grid__btn.primary{background:linear-gradient(135deg,#10cfff,#0066ff);color:#fff!important}
.qeema-feature-grid__btn.ghost{color:#fff!important;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12)}
.qeema-feature-grid__btn:hover{transform:translateY(-3px)}
@media(max-width:1024px){.qeema-feature-grid__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.qeema-feature-grid__grid{grid-template-columns:1fr}}

/* === feature-grid.css � "glow" card style (values / mission-vision) === */
.qeema-feature-grid--glow .qeema-feature-card{min-height:260px;padding:34px 26px;text-align:right;overflow:hidden;background:rgba(10,24,46,.55)}
.qeema-feature-grid--glow .qeema-feature-card::before,.qeema-feature-grid--glow .qeema-feature-card::after{content:none}
.qeema-feature-grid--glow .qeema-feature-card__icon{margin:0 0 18px;font-size:26px}
.qeema-feature-grid--glow .qeema-feature-card h3{font-size:24px}
.qeema-feature-grid--glow .qeema-feature-card p{font-size:16px}
.qeema-feature-grid--glow .qeema-feature-card__glow{position:absolute;top:-40px;inset-inline-end:-40px;width:150px;height:150px;border-radius:50%;filter:blur(40px);opacity:.55;pointer-events:none;transition:opacity .3s ease}
.qeema-feature-grid--glow .qeema-feature-card:hover .qeema-feature-card__glow{opacity:.85}
.qeema-feature-grid--glow .qeema-feature-card.accent-1{border-color:rgba(34,211,238,.25)}
.qeema-feature-grid--glow .qeema-feature-card.accent-1 .qeema-feature-card__glow{background:#22d3ee}
.qeema-feature-grid--glow .qeema-feature-card.accent-1 .qeema-feature-card__icon{color:#22d3ee!important;background:rgba(34,211,238,.14);border-color:rgba(34,211,238,.3)}
.qeema-feature-grid--glow .qeema-feature-card.accent-2{border-color:rgba(167,139,250,.25)}
.qeema-feature-grid--glow .qeema-feature-card.accent-2 .qeema-feature-card__glow{background:#a78bfa}
.qeema-feature-grid--glow .qeema-feature-card.accent-2 .qeema-feature-card__icon{color:#a78bfa!important;background:rgba(167,139,250,.14);border-color:rgba(167,139,250,.3)}
.qeema-feature-grid--glow .qeema-feature-card.accent-3{border-color:rgba(59,130,246,.25)}
.qeema-feature-grid--glow .qeema-feature-card.accent-3 .qeema-feature-card__glow{background:#3b82f6}
.qeema-feature-grid--glow .qeema-feature-card.accent-3 .qeema-feature-card__icon{color:#3b82f6!important;background:rgba(59,130,246,.14);border-color:rgba(59,130,246,.3)}
.qeema-feature-grid--glow .qeema-feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px rgba(0,0,0,.3)}

/* === why-us-steps.css === */
.qeema-why-steps{padding:80px 30px;position:relative}
.qeema-why-steps *{box-sizing:border-box}
.qeema-why-steps__wrap{max-width:1600px;margin:auto;position:relative}
.qeema-why-steps__head{text-align:center;max-width:760px;margin:0 auto 50px}
.qeema-why-steps__badge{display:inline-block;padding:10px 16px;border-radius:22px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);color:#8feeff;font-size:14px;font-weight:700;margin-bottom:18px}
.qeema-why-steps__head h2{color:#fff;font-size:40px;line-height:1.4;margin:0 0 14px;font-weight:800}
.qeema-why-steps__head p{color:rgba(255,255,255,.78);font-size:18px;line-height:1.9;margin:0}
/* flow connector: a static glowing gradient rail with a gentle pulse. */
.qeema-why-steps__grid{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;position:relative}
.qeema-why-steps__grid::before{content:"";position:absolute;top:54px;left:5%;right:5%;height:1px;background:linear-gradient(90deg,transparent,rgba(34,211,238,.35) 15%,rgba(34,211,238,.35) 85%,transparent);box-shadow:0 0 12px rgba(34,211,238,.2);z-index:0;animation:qtStepLinePulse 3s ease-in-out infinite}
@keyframes qtStepLinePulse{0%,100%{opacity:.7}50%{opacity:1}}

/* each step is now a glass "station" card rather than bare floating text,
   with a large low-opacity numeral watermark behind the icon badge for
   visual weight, and a small monospace index label since the badge itself
   now shows an icon instead of the digit. */
.qeema-why-steps__grid .qeema-why-step{position:relative;z-index:1;padding:20px 20px 28px;border-radius:22px;background:rgba(10,24,46,.55);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);overflow:hidden;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.qeema-why-steps__grid .qeema-why-step:hover{transform:translateY(-6px);border-color:rgba(34,211,238,.35);box-shadow:0 20px 50px rgba(0,0,0,.28)}
.qeema-why-step__ghost{position:absolute;top:-8px;inset-inline-end:12px;z-index:-1;font-size:86px;font-weight:800;line-height:1;color:rgba(255,255,255,.05);font-family:ui-monospace,Menlo,Consolas,monospace;pointer-events:none;user-select:none}
.qeema-why-steps__grid .qeema-why-step:not(:last-child)::after{content:"?";position:absolute;top:54px;inset-inline-end:-24px;transform:translateY(-50%);color:rgba(34,211,238,.55);font-size:19px;font-weight:800;z-index:2;animation:qtChevronNudge 1.8s ease-in-out infinite}
@keyframes qtChevronNudge{0%,100%{transform:translateY(-50%) translateX(0)}50%{transform:translateY(-50%) translateX(-3px)}}
.qeema-why-step__num{position:relative;width:68px;height:68px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;border-radius:50%;background:linear-gradient(135deg,rgba(16,207,255,.16),rgba(0,102,255,.10));border:1px solid rgba(34,211,238,.35);color:#22dcff;font-size:22px;font-weight:800;font-family:ui-monospace,Menlo,Consolas,monospace;box-shadow:0 0 26px rgba(34,211,238,.18);transition:transform .3s ease,box-shadow .3s ease}
.qeema-why-step__num i{font-size:24px}
.qeema-why-step__num::before{content:"";position:absolute;inset:-5px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 250deg,#22d3ee 275deg,#fff 290deg,#22d3ee 305deg,transparent 330deg 360deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));animation:qeema-step-ring-spin 4s linear infinite;z-index:-1}
.qeema-why-step:hover .qeema-why-step__num{transform:translateY(-4px) scale(1.05);box-shadow:0 0 34px rgba(34,211,238,.32)}
.qeema-why-step__index{display:block;margin:0 0 8px;color:rgba(34,211,238,.75);font-size:12px;font-weight:800;letter-spacing:1px;font-family:ui-monospace,Menlo,Consolas,monospace}
.qeema-why-step h3{margin:0 0 12px;color:#fff;font-size:21px;line-height:1.5;font-weight:800}
.qeema-why-step p{margin:0;color:rgba(255,255,255,.78);font-size:15.5px;line-height:1.9;font-weight:500}
@keyframes qeema-step-ring-spin{to{transform:rotate(360deg)}}
@media(max-width:1024px){.qeema-why-steps__grid{grid-template-columns:repeat(2,1fr);gap:34px 18px}.qeema-why-steps__grid::before{display:none}.qeema-why-step::after{display:none}}
@media(max-width:600px){.qeema-why-steps__grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.qeema-why-step__num::before,.qeema-why-steps__grid::before,.qeema-why-step:not(:last-child)::after{animation:none!important}}

/* === why-us-steps.css � "split" layout variant === */
.qeema-why-steps--split .qeema-why-steps__split-wrap{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:start}
.qeema-why-steps--split .qeema-why-steps__head{text-align:start;max-width:420px;margin:0}
.qeema-why-steps--split .qeema-why-steps__split-steps{border-inline-start:1px solid rgba(34,211,238,.25);padding-inline-start:34px}
.qeema-why-step--row{position:relative;display:flex;gap:20px;align-items:flex-start;padding:22px 14px;margin:0 -14px;border-bottom:1px solid rgba(255,255,255,.08);border-radius:22px;transition:background-color .3s ease}
.qeema-why-step--row:last-child{border-bottom:none}
.qeema-why-step--row::before{content:"";position:absolute;top:14px;bottom:14px;inset-inline-start:-35px;width:2px;border-radius:2px;background:linear-gradient(180deg,#22d3ee,#3b82f6);opacity:0;transition:opacity .3s ease}
.qeema-why-step--row:hover{background-color:rgba(255,255,255,.03)}
.qeema-why-step--row:hover::before{opacity:1}
.qeema-why-step--row .qeema-why-step__num{width:auto;height:auto;background:none;border:none;box-shadow:none;font-size:36px;font-weight:800;background:linear-gradient(135deg,#22d3ee,#3b82f6);-webkit-background-clip:text;background-clip:text;color:transparent;flex-shrink:0;line-height:1}
.qeema-why-step--row h3{margin:0 0 8px;color:#fff;font-size:20px;font-weight:800}
.qeema-why-step--row p{margin:0;color:rgba(255,255,255,.78);font-size:15.5px;line-height:1.8}
@media(max-width:1024px){.qeema-why-steps--split .qeema-why-steps__split-wrap{grid-template-columns:1fr}.qeema-why-steps--split .qeema-why-steps__head{text-align:center;max-width:100%;margin:0 0 40px}.qeema-why-steps--split .qeema-why-steps__split-steps{border-inline-start:none;padding-inline-start:0}}

/* === value-cards.css (bento mission/vision/goals � About-style pages) === */
.qeema-value-cards{padding:80px 30px}
.qeema-value-cards *{box-sizing:border-box}
.qeema-value-cards__wrap{max-width:1600px;margin:auto}
.qeema-value-cards__head{text-align:center;max-width:760px;margin:0 auto 40px}
.qeema-value-cards__badge{display:inline-block;padding:10px 16px;border-radius:22px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);color:#8feeff;font-size:14px;font-weight:700;margin-bottom:18px}
.qeema-value-cards__head h2{color:#fff;font-size:40px;line-height:1.4;margin:0 0 14px;font-weight:800}
.qeema-value-cards__head p{color:rgba(255,255,255,.78);font-size:18px;line-height:1.9;margin:0}
.qeema-value-cards__grid{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:1fr 1fr;gap:20px}
.qeema-value-card{position:relative;min-height:230px;padding:34px 26px;border-radius:22px;background:rgba(10,24,46,.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.10);text-align:start;text-decoration:none!important;display:block;overflow:hidden;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.qeema-value-card:first-child{grid-row:1 / 3;display:flex;flex-direction:column;justify-content:center;padding:44px 36px}
.qeema-value-card:first-child h3{font-size:30px}
.qeema-value-card:first-child p{font-size:17px}
.qeema-value-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px rgba(0,0,0,.3)}
.qeema-value-card__glow{position:absolute;top:-40px;inset-inline-end:-40px;width:150px;height:150px;border-radius:50%;filter:blur(40px);opacity:.55;pointer-events:none;transition:opacity .3s ease}
.qeema-value-card:hover .qeema-value-card__glow{opacity:.85}
.qeema-value-card__icon{width:56px;height:56px;margin:0 0 18px;border-radius:22px;display:flex;align-items:center;justify-content:center;font-size:24px;transition:transform .3s ease}
.qeema-value-card:hover .qeema-value-card__icon{transform:translateY(-4px) scale(1.06) rotate(-3deg)}
.qeema-value-card h3{margin:0 0 12px;color:#fff;font-size:22px;line-height:1.5;font-weight:800}
.qeema-value-card p{margin:0;color:rgba(255,255,255,.78);font-size:15.5px;line-height:1.9}
.qeema-value-card.accent-1{border-color:rgba(34,211,238,.25)}
.qeema-value-card.accent-1 .qeema-value-card__glow{background:#22d3ee}
.qeema-value-card.accent-1 .qeema-value-card__icon{color:#22d3ee;background:rgba(34,211,238,.14);border:1px solid rgba(34,211,238,.3)}
.qeema-value-card.accent-2{border-color:rgba(167,139,250,.25)}
.qeema-value-card.accent-2 .qeema-value-card__glow{background:#a78bfa}
.qeema-value-card.accent-2 .qeema-value-card__icon{color:#a78bfa;background:rgba(167,139,250,.14);border:1px solid rgba(167,139,250,.3)}
.qeema-value-card.accent-3{border-color:rgba(59,130,246,.25)}
.qeema-value-card.accent-3 .qeema-value-card__glow{background:#3b82f6}
.qeema-value-card.accent-3 .qeema-value-card__icon{color:#3b82f6;background:rgba(59,130,246,.14);border:1px solid rgba(59,130,246,.3)}
.qeema-value-cards__actions{display:flex;justify-content:center;gap:14px;margin-top:35px;flex-wrap:wrap}
.qeema-value-cards__btn{text-decoration:none!important;padding:14px 22px;border-radius:22px;font-size:16px;font-weight:800;transition:.3s ease;display:inline-block}
.qeema-value-cards__btn.primary{background:linear-gradient(135deg,#10cfff,#0066ff);color:#fff!important}
.qeema-value-cards__btn.ghost{color:#fff!important;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12)}
.qeema-value-cards__btn:hover{transform:translateY(-3px)}
@media(max-width:1024px){.qeema-value-cards__grid{grid-template-columns:1fr;grid-template-rows:auto}.qeema-value-card:first-child{grid-row:auto}}

/* === value-cards "vivid" modifier � opt-in via the widget's own Advanced >
   CSS Classes control, so the base .qeema-value-card* rules above (shared
   with the About Us page) never change; About Us stays pixel-identical
   since it never gets this class. === */
.qeema-value-cards--vivid .qeema-value-cards__grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:none;gap:18px}
.qeema-value-cards--vivid .qeema-value-card:first-child{grid-row:auto;display:block;padding:34px 26px}
.qeema-value-cards--vivid .qeema-value-card:first-child h3{font-size:22px}
.qeema-value-cards--vivid .qeema-value-card:first-child p{font-size:15.5px}
.qeema-value-cards--vivid .qeema-value-card{isolation:isolate;border-width:1.5px}
.qeema-value-cards--vivid .qeema-value-card:hover{box-shadow:0 26px 60px rgba(0,0,0,.35),0 0 40px rgba(34,211,238,.10)}
.qeema-value-cards--vivid .qeema-value-card__icon,.qeema-value-cards--vivid .qeema-value-card h3,.qeema-value-cards--vivid .qeema-value-card p{position:relative;z-index:1}
.qeema-value-cards--vivid .qeema-value-card__icon{position:relative;border-radius:50%}
.qeema-value-cards--vivid .qeema-value-card__icon::before{content:"";position:absolute;inset:-5px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 250deg,currentColor 275deg,#fff 290deg,currentColor 305deg,transparent 330deg 360deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));animation:qeema-step-ring-spin 4s linear infinite;z-index:-1}
.qeema-value-cards--vivid .qeema-value-cards__grid{counter-reset:qeema-vivid-num}
.qeema-value-cards--vivid .qeema-value-card{counter-increment:qeema-vivid-num}
.qeema-value-cards--vivid .qeema-value-card::after{content:counter(qeema-vivid-num,decimal-leading-zero);position:absolute;bottom:6px;inset-inline-end:18px;font-size:52px;font-weight:800;line-height:1;color:rgba(255,255,255,.05);font-family:ui-monospace,Menlo,Consolas,monospace;pointer-events:none;z-index:0}
@media(max-width:1024px){.qeema-value-cards--vivid .qeema-value-cards__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.qeema-value-cards--vivid .qeema-value-cards__grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.qeema-value-cards--vivid .qeema-value-card__icon::before{animation:none!important}}

/* === tech-stack.css (technology/tools icon-tile grid) === */
.qeema-tech-stack{padding:80px 30px}
.qeema-tech-stack *{box-sizing:border-box}
.qeema-tech-stack__wrap{max-width:1600px;margin:auto}
.qeema-tech-stack__head{text-align:center;max-width:760px;margin:0 auto 40px}
.qeema-tech-stack__badge{display:inline-block;padding:10px 16px;border-radius:22px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);color:#8feeff;font-size:14px;font-weight:700;margin-bottom:18px}
.qeema-tech-stack__head h2{color:#fff;font-size:40px;line-height:1.4;margin:0 0 14px;font-weight:800}
.qeema-tech-stack__head p{color:rgba(255,255,255,.78);font-size:18px;line-height:1.9;margin:0}
.qeema-tech-stack__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.qeema-tech-stack__item{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:30px 16px;border-radius:22px;background:rgba(10,24,46,.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.10);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.qeema-tech-stack__item:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(0,0,0,.3)}
.qeema-tech-stack__icon{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;transition:transform .3s ease}
.qeema-tech-stack__item:hover .qeema-tech-stack__icon{transform:translateY(-3px) scale(1.06)}
.qeema-tech-stack__label{color:rgba(255,255,255,.85);font-size:14.5px;font-weight:700}
.qeema-tech-stack__item.accent-1{border-color:rgba(34,211,238,.22)}
.qeema-tech-stack__item.accent-1 .qeema-tech-stack__icon{color:#22d3ee;background:rgba(34,211,238,.14);border:1px solid rgba(34,211,238,.3)}
.qeema-tech-stack__item.accent-2{border-color:rgba(167,139,250,.22)}
.qeema-tech-stack__item.accent-2 .qeema-tech-stack__icon{color:#a78bfa;background:rgba(167,139,250,.14);border:1px solid rgba(167,139,250,.3)}
.qeema-tech-stack__item.accent-3{border-color:rgba(59,130,246,.22)}
.qeema-tech-stack__item.accent-3 .qeema-tech-stack__icon{color:#3b82f6;background:rgba(59,130,246,.14);border:1px solid rgba(59,130,246,.3)}
@media(max-width:1024px){.qeema-tech-stack__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.qeema-tech-stack{padding:56px 20px}.qeema-tech-stack__head h2{font-size:28px}.qeema-tech-stack__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* === category-showcase.css � icon-tile grid grounding an abstract service
   pitch in concrete scenarios (e.g. "types of apps we build"). Same visual
   language as tech-stack's tiles, but app-icon-style rounded-square icons
   and left-aligned title+description instead of a centered icon+label. ===*/
.qeema-category-showcase{padding:80px 30px}
.qeema-category-showcase *{box-sizing:border-box}
.qeema-category-showcase__wrap{max-width:1600px;margin:auto}
.qeema-category-showcase__head{text-align:center;max-width:760px;margin:0 auto 40px}
.qeema-category-showcase__badge{display:inline-block;padding:10px 16px;border-radius:22px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);color:#8feeff;font-size:14px;font-weight:700;margin-bottom:18px}
.qeema-category-showcase__head h2{color:#fff;font-size:40px;line-height:1.4;margin:0 0 14px;font-weight:800}
.qeema-category-showcase__head p{color:rgba(255,255,255,.78);font-size:18px;line-height:1.9;margin:0}
.qeema-category-showcase__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.qeema-category-showcase__item{display:flex;flex-direction:column;align-items:flex-start;gap:14px;text-align:right;padding:26px 22px;border-radius:22px;background:rgba(10,24,46,.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.10);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.qeema-category-showcase__item:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(0,0,0,.3)}
.qeema-category-showcase__icon{width:54px;height:54px;border-radius:22px;display:flex;align-items:center;justify-content:center;font-size:22px;transition:transform .3s ease}
.qeema-category-showcase__item:hover .qeema-category-showcase__icon{transform:scale(1.08)}
.qeema-category-showcase__title{color:#fff;font-size:16.5px;font-weight:800;margin:0}
.qeema-category-showcase__desc{color:rgba(255,255,255,.68);font-size:13.5px;line-height:1.8;margin:0;overflow-wrap:anywhere}
.qeema-category-showcase__item.accent-1{border-color:rgba(34,211,238,.22)}
.qeema-category-showcase__item.accent-1 .qeema-category-showcase__icon{color:#22d3ee;background:rgba(34,211,238,.14);border:1px solid rgba(34,211,238,.3)}
.qeema-category-showcase__item.accent-2{border-color:rgba(167,139,250,.22)}
.qeema-category-showcase__item.accent-2 .qeema-category-showcase__icon{color:#a78bfa;background:rgba(167,139,250,.14);border:1px solid rgba(167,139,250,.3)}
.qeema-category-showcase__item.accent-3{border-color:rgba(59,130,246,.22)}
.qeema-category-showcase__item.accent-3 .qeema-category-showcase__icon{color:#3b82f6;background:rgba(59,130,246,.14);border:1px solid rgba(59,130,246,.3)}
@media(max-width:1024px){.qeema-category-showcase__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.qeema-category-showcase{padding:56px 20px}.qeema-category-showcase__head h2{font-size:28px}.qeema-category-showcase__grid{grid-template-columns:repeat(1,minmax(0,1fr))}}

/* === app-store-proof.css - real-app proof cards for mobile app dev pages:
   each card shows the app's own real store logo (fetched from its Google
   Play / App Store listing - see inc/import-portfolio-endpoint.php-adjacent
   enrichment script), real app name, and real store links. No fabricated
   star-rating/download numbers - the credibility comes from real,
   verifiable apps, same trust principle as browser-showcase's real website
   screenshots. Each card's --ax/--ay/--az accent channels are set at
   runtime by assets/js/app-logo-accent.js from the logo's own colors. ===*/
.qeema-app-store-proof{padding:80px 30px}
.qeema-app-store-proof *{box-sizing:border-box}
.qeema-app-store-proof__wrap{max-width:1200px;margin:auto}
.qeema-app-store-proof__head{text-align:center;max-width:760px;margin:0 auto 50px}
.qeema-app-store-proof__badge{display:inline-block;padding:10px 16px;border-radius:22px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);color:#8feeff;font-size:14px;font-weight:700;margin-bottom:18px}
.qeema-app-store-proof__head h2{color:#fff;font-size:40px;line-height:1.4;margin:0 0 14px;font-weight:800}
.qeema-app-store-proof__head p{color:rgba(255,255,255,.78);font-size:18px;line-height:1.9;margin:0}
.qeema-app-store-proof__stage{position:relative;max-width:1080px;margin:0 auto;height:500px;perspective:1000px}
.qeema-app-store-proof__glow{position:absolute;top:50%;left:50%;width:440px;height:440px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(34,211,238,.26),transparent 70%);filter:blur(56px);z-index:0;animation:qtPhonesGlowMove 6s ease-in-out infinite}
.qeema-app-store-proof__halo{
	position:absolute;top:50%;left:50%;width:640px;height:640px;margin:-320px 0 0 -320px;z-index:0;pointer-events:none;
	border-radius:50%;
	background:conic-gradient(from 0deg,transparent 0deg,rgba(34,211,238,.9) 60deg,rgba(139,92,246,.55) 130deg,transparent 200deg,transparent 360deg);
	-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 16px),#fff calc(100% - 16px));
	mask:radial-gradient(farthest-side,transparent calc(100% - 16px),#fff calc(100% - 16px));
	filter:blur(2px);
	animation:qeema-app-halo-spin 18s linear infinite;
	opacity:.85;
}
@keyframes qeema-app-halo-spin{to{transform:rotate(360deg)}}
.qeema-app-store-proof__card{position:absolute;display:block;text-decoration:none;transform:rotateY(var(--tilt,0deg));transition:transform .45s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d}
.qeema-app-store-proof__card:hover{transform:rotateY(calc(var(--tilt,0deg) * .3)) scale(1.06);z-index:10!important}
.qeema-app-store-proof__float{display:flex;flex-direction:column;align-items:center;gap:16px;animation:qeema-appcard-bob 4.8s ease-in-out infinite;animation-delay:var(--bob-delay,0s)}
@keyframes qeema-appcard-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
.qeema-app-store-proof__art{position:relative;width:100%;overflow:hidden;border-radius:22px;background:#eef1f5;border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 60px rgba(0,0,0,.4)}
.qeema-app-store-proof__art img{display:block;width:100%;height:100%;object-fit:contain}
.qeema-app-store-proof__shine{position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 45%,transparent 60%);transform:translateX(-140%);pointer-events:none}
.qeema-app-store-proof__card:hover .qeema-app-store-proof__shine{transition:transform .85s ease;transform:translateX(140%)}
.qeema-app-store-proof__caption{display:inline-flex;align-items:center;gap:8px;padding:8px 8px 8px 14px;border-radius:22px;background:rgba(10,24,46,.85);border:1px solid rgba(255,255,255,.16);white-space:nowrap;box-shadow:0 10px 24px rgba(0,0,0,.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.qeema-app-store-proof__caption-name{color:#fff;font-size:12.5px;font-weight:700}
.qeema-app-store-proof__caption-badge{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0}
.qeema-app-store-proof__caption-badge.store-google{background:rgba(61,220,132,.18);color:#3ddc84}
.qeema-app-store-proof__caption-badge.store-apple{background:rgba(255,255,255,.14);color:#f5f5f7}
.app-mock-a{width:230px;top:16px;left:calc(50% - 115px);z-index:3;--tilt:0deg}
.app-mock-a .qeema-app-store-proof__art{height:290px}
.app-mock-b{width:190px;top:44px;left:calc(50% - 370px);z-index:2;opacity:.88;--tilt:-26deg;--bob-delay:.3s}
.app-mock-b .qeema-app-store-proof__art{height:240px}
.app-mock-c{width:190px;top:44px;left:calc(50% + 180px);z-index:1;opacity:.82;--tilt:26deg;--bob-delay:.6s}
.app-mock-c .qeema-app-store-proof__art{height:240px}
.qeema-app-store-proof__chip{position:absolute;z-index:4}
.qeema-app-store-proof__chip--a{top:260px;left:calc(50% - 460px)}
.qeema-app-store-proof__chip--b{bottom:6px;left:calc(50% - 60px)}
.qeema-app-store-proof__chip--c{top:20px;left:calc(50% + 440px)}
@media(max-width:1024px){
	.qeema-app-store-proof__stage{height:440px}
	.app-mock-a{width:200px;left:calc(50% - 100px)}.app-mock-a .qeema-app-store-proof__art{height:250px}
	.app-mock-b{width:160px;left:calc(50% - 300px)}.app-mock-b .qeema-app-store-proof__art{height:200px}
	.app-mock-c{width:160px;left:calc(50% + 150px)}.app-mock-c .qeema-app-store-proof__art{height:200px}
	.qeema-app-store-proof__chip--a{top:210px;left:calc(50% - 380px)}.qeema-app-store-proof__chip--c{top:20px;left:calc(50% + 360px)}
}
@media(max-width:768px){
	.qeema-app-store-proof{padding:56px 20px}
	.qeema-app-store-proof__head h2{font-size:28px}
	.qeema-app-store-proof__stage{height:auto;display:flex;gap:16px;overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:20px 4px 16px}
	.qeema-app-store-proof__stage::-webkit-scrollbar{display:none}
	.qeema-app-store-proof__halo,.qeema-app-store-proof__glow{display:none}
	.app-mock-a,.app-mock-b,.app-mock-c{position:static;flex:0 0 min(64vw,230px);width:auto;top:auto;left:auto;right:auto;margin:0;opacity:1;z-index:auto;--tilt:0deg;scroll-snap-align:center}
	.app-mock-a .qeema-app-store-proof__art,.app-mock-b .qeema-app-store-proof__art,.app-mock-c .qeema-app-store-proof__art{height:290px}
	.qeema-app-store-proof__chip{display:none}
}
@media(prefers-reduced-motion:reduce){
	.qeema-app-store-proof__glow,.qeema-app-store-proof__halo,.qeema-app-store-proof__float,.qeema-app-store-proof__chip{animation:none}
	.qeema-app-store-proof__card{transition:none}
	.qeema-app-store-proof__card:hover .qeema-app-store-proof__shine{transition:none;transform:translateX(-140%)}
}
/* === site-header.css === */
.qeema-progress-bar{position:fixed;top:0;left:0;right:0;width:100%;height:4px;background:rgba(255,255,255,.08);z-index:300}
.qeema-progress-bar__fill{height:100%;width:0%;background:linear-gradient(90deg,#00d4ff,#8b5cf6,#00d4ff);box-shadow:0 0 10px rgba(0,212,255,.6)}
.qeema-header{position:fixed;top:0;left:0;right:0;width:100%;z-index:200;background:rgba(10,24,48,0);border-bottom:1px solid rgba(255,255,255,0);box-shadow:0 10px 30px rgba(0,0,0,0);transition:background-color .35s ease,border-color .35s ease,box-shadow .35s ease,backdrop-filter .35s ease}
.qeema-header.qeema-scrolled{background:rgba(10,24,48,.55);border-bottom-color:rgba(255,255,255,.08);box-shadow:0 10px 30px rgba(0,0,0,.35);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%)}
.qeema-header__main{padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;transition:padding .35s ease}
.qeema-header.qeema-scrolled .qeema-header__main{padding:10px 24px}
.qeema-header__logo{display:inline-flex;align-items:center;transition:transform .25s ease}
.qeema-header__logo:hover{transform:translateY(-2px)}
.qeema-header__logo img{max-height:50px;width:auto;display:block;filter:brightness(0) invert(1)}
.qeema-header__logo img.qeema-header__logo-mobile{display:none}
.qeema-header__nav{display:flex;align-items:center;gap:22px;list-style:none;margin:0;padding:0}
.qeema-header__nav > li{position:relative}
.qeema-header__nav > li > a{color:#d0d0d0;text-decoration:none;font-weight:600;font-size:15px;padding:10px 0;display:inline-flex;align-items:center;gap:6px;transition:color .25s ease}
.qeema-header__nav > li > a:hover{color:#38bdf8}
.qeema-nav-caret{display:inline-block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;opacity:.7;transition:transform .25s ease}
.qeema-has-dropdown:hover > a .qeema-nav-caret,.qeema-has-mega:hover > a .qeema-nav-caret{transform:rotate(180deg)}

/* Bridge so the cursor can travel into the panel without closing it */
.qeema-has-dropdown::after{content:"";position:absolute;left:0;right:0;top:100%;height:18px}

/* Compact rich dropdown (fewer than 4 children) */
.qeema-mini-drop{
  position:absolute;top:calc(100% + 10px);inset-inline-start:50%;transform:translate(-50%,8px);
  min-width:320px;margin:0;padding:12px;list-style:none;
  background:linear-gradient(160deg,rgba(12,24,44,.96),rgba(8,16,32,.98));
  border:1px solid rgba(56,189,248,.18);border-radius:22px;
  box-shadow:0 28px 60px rgba(0,0,0,.45);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  opacity:0;visibility:hidden;pointer-events:none;z-index:80;
  transition:opacity .25s ease,transform .25s ease,visibility .25s;
}
.qeema-has-dropdown:hover > .qeema-mini-drop{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.qeema-mini-drop a{
  display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:22px;text-decoration:none!important;color:#fff!important;
  border:1px solid transparent;transition:background .2s ease,border-color .2s ease;
}
.qeema-mini-drop a:hover,.qeema-mini-drop a:focus-visible{
  background:rgba(56,189,248,.1);border-color:rgba(56,189,248,.28);color:#fff!important;
}
.qeema-mini-drop a:hover strong,.qeema-mini-drop a:focus-visible strong{color:#7dd3fc}
.qeema-mini-drop__icon,.qeema-sub__icon{
  width:36px;height:36px;flex-shrink:0;border-radius:22px;display:grid;place-items:center;
  background:rgba(56,189,248,.1);border:1px solid rgba(56,189,248,.2);color:#7dd3fc;
}
.qeema-mini-drop__icon svg,.qeema-sub__icon svg,.qeema-mega__icon svg{width:18px;height:18px;display:block}
.qeema-mini-drop__copy,.qeema-sub__copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.qeema-mini-drop__copy strong,.qeema-sub__copy strong{font-size:13.5px;font-weight:700;line-height:1.35}
.qeema-mini-drop__copy em,.qeema-sub__copy em{font-style:normal;font-size:12px;line-height:1.55;color:#94a3b8}

/* Premium mega panel — wide enough for services without cramped cards */
.qeema-mega{
  position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%,10px);
  width:min(1240px,calc(100vw - 48px));z-index:90;
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .28s ease,transform .28s ease,visibility .28s;
}
.qeema-has-mega:hover > .qeema-mega{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.qeema-mega__panel{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,300px);gap:0;overflow:hidden;
  border-radius:22px;border:1px solid rgba(56,189,248,.2);
  background:
    radial-gradient(circle at 12% 0%,rgba(56,189,248,.14),transparent 42%),
    linear-gradient(160deg,rgba(10,20,38,.97),rgba(6,12,24,.98));
  box-shadow:0 34px 80px rgba(0,0,0,.5);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
.qeema-mega__main{padding:26px 28px 22px}
.qeema-mega__eyebrow{margin:0 0 16px;font-size:12.5px;font-weight:600;color:#7dd3fc}
.qeema-mega__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.qeema-mega.is-dense .qeema-mega__grid{grid-template-columns:repeat(3,minmax(280px,1fr))}
.qeema-mega__card{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;
  min-height:88px;padding:16px 16px;border-radius:22px;text-decoration:none!important;color:#fff!important;
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);
  transition:background .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.qeema-mega__card:hover,
.qeema-mega__card:focus-visible{
  background:rgba(56,189,248,.12);border-color:rgba(56,189,248,.4);
  box-shadow:0 12px 28px rgba(0,0,0,.25);color:#fff!important;
}
.qeema-mega__card:hover .qeema-mega__title,
.qeema-mega__card:focus-visible .qeema-mega__title{color:#7dd3fc}
.qeema-mega__card:hover .qeema-mega__desc,
.qeema-mega__card:focus-visible .qeema-mega__desc{color:#cbd5e1}
.qeema-mega__card:hover .qeema-mega__icon,
.qeema-mega__card:focus-visible .qeema-mega__icon{
  background:linear-gradient(145deg,rgba(56,189,248,.28),rgba(14,165,233,.14));
  border-color:rgba(56,189,248,.45);color:#38bdf8;
}
.qeema-mega__icon{
  width:44px;height:44px;border-radius:22px;display:grid;place-items:center;flex-shrink:0;
  background:linear-gradient(145deg,rgba(56,189,248,.18),rgba(14,165,233,.08));
  border:1px solid rgba(56,189,248,.25);color:#7dd3fc;
  transition:background .22s ease,border-color .22s ease,color .22s ease;
}
.qeema-mega__copy{min-width:0;display:flex;flex-direction:column;gap:5px;text-align:start}
.qeema-mega__title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.qeema-mega__title{font-size:14.5px;font-weight:700;line-height:1.4;color:#fff;transition:color .2s ease}
.qeema-mega__badge{
  display:inline-flex;padding:2px 8px;border-radius:22px;font-size:10px;font-weight:700;
  color:#7dd3fc;background:rgba(56,189,248,.12);border:1px solid rgba(56,189,248,.2);
}
.qeema-mega__desc{font-size:12.5px;line-height:1.6;color:#94a3b8;transition:color .2s ease}
.qeema-mega__go{
  color:#38bdf8;opacity:0;transform:translateX(4px);transition:opacity .2s ease,transform .2s ease;font-size:14px;
}
[dir="rtl"] .qeema-mega__go{transform:translateX(-4px)}
.qeema-mega__card:hover .qeema-mega__go,
.qeema-mega__card:focus-visible .qeema-mega__go{opacity:1;transform:translateX(0)}
.qeema-mega__aside{
  padding:28px 24px;border-inline-start:1px solid rgba(255,255,255,.06);
  background:linear-gradient(180deg,rgba(56,189,248,.1),rgba(8,16,32,.2));
  display:flex;flex-direction:column;gap:12px;
}
.qeema-mega__aside-kicker{font-size:11px;font-weight:700;color:#7dd3fc;letter-spacing:.04em}
.qeema-mega__aside h4{margin:0;font-size:18px;line-height:1.4;color:#fff;font-weight:700}
.qeema-mega__aside p{margin:0;font-size:13px;line-height:1.7;color:#cbd5e1}
.qeema-mega__aside-btn{
  display:inline-flex;align-items:center;justify-content:center;margin-top:6px;min-height:42px;padding:10px 16px;
  border-radius:22px;text-decoration:none;font-size:13px;font-weight:800;color:#04101f;
  background:linear-gradient(135deg,#38bdf8,#0ea5e9);box-shadow:0 10px 24px rgba(14,165,233,.28);
  transition:transform .2s ease,box-shadow .2s ease;
}
.qeema-mega__aside-btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(14,165,233,.38)}
.qeema-mega__foot{
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  margin-top:10px;padding:12px 16px;border-radius:22px;
  background:rgba(8,16,32,.85);border:1px solid rgba(255,255,255,.06);color:#94a3b8;font-size:12px;
}
.qeema-mega__foot a{color:#7dd3fc;text-decoration:none!important;font-weight:700;transition:color .2s ease}
.qeema-mega__foot a:hover,.qeema-mega__foot a:focus-visible{color:#fff!important}

.qeema-header__cta{background:transparent;border:1px solid #00e5ff;color:#00e5ff;padding:15px 32px;border-radius:22px;font-weight:700;text-decoration:none;font-size:14px;white-space:nowrap;text-shadow:0 0 8px rgba(0,229,255,.9),0 0 18px rgba(0,229,255,.6);box-shadow:0 0 8px rgba(0,229,255,.55),0 0 20px rgba(0,229,255,.4),0 0 40px rgba(0,229,255,.22),inset 0 0 10px rgba(0,229,255,.2);animation:qeema-neon-pulse 2.4s ease-in-out infinite;transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease}
.qeema-header__cta:hover{background:linear-gradient(135deg,#8b5cf6,#2f7cff);border-color:transparent;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.8);transform:translateY(-2px);animation:none;box-shadow:0 0 16px rgba(0,212,255,.7),0 0 36px rgba(139,92,246,.55),0 0 60px rgba(0,212,255,.35)}
@keyframes qeema-neon-pulse{0%,100%{box-shadow:0 0 8px rgba(0,229,255,.55),0 0 20px rgba(0,229,255,.4),0 0 40px rgba(0,229,255,.22),inset 0 0 10px rgba(0,229,255,.2)}50%{box-shadow:0 0 14px rgba(0,229,255,.9),0 0 32px rgba(0,229,255,.65),0 0 60px rgba(0,229,255,.35),inset 0 0 14px rgba(0,229,255,.35)}}
.qeema-header__toggle{display:none;align-items:center;justify-content:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);border-radius:22px;width:42px;height:42px;padding:0;cursor:pointer;transition:border-color .25s ease,background-color .25s ease}
.qeema-header__toggle:hover{border-color:#00d4ff;background:rgba(0,212,255,.1)}
.qeema-burger{position:relative;width:20px;height:14px;display:inline-block}
.qeema-burger span{position:absolute;left:0;width:100%;height:2px;border-radius:2px;background:#fff;transition:transform .3s ease,opacity .2s ease,top .3s ease}
.qeema-burger span:nth-child(1){top:0}
.qeema-burger span:nth-child(2){top:6px}
.qeema-burger span:nth-child(3){top:12px}
.qeema-header__toggle[aria-expanded="true"] .qeema-burger span:nth-child(1){top:6px;transform:rotate(45deg)}
.qeema-header__toggle[aria-expanded="true"] .qeema-burger span:nth-child(2){opacity:0}
.qeema-header__toggle[aria-expanded="true"] .qeema-burger span:nth-child(3){top:6px;transform:rotate(-45deg)}

.qeema-header__overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100vh;background:rgba(5,10,20,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:999;opacity:0;pointer-events:none;transition:opacity .35s ease}
.qeema-header__overlay.qeema-open{opacity:1;pointer-events:auto}

.qeema-header__mobile-panel{display:block;position:fixed;top:0;right:0;bottom:0;left:auto;height:100vh;width:88%;max-width:360px;background:linear-gradient(165deg,rgba(9,20,42,.98),rgba(15,32,64,.98));z-index:1000;padding:22px;overflow-y:auto;-webkit-overflow-scrolling:touch;transform:translateX(100%);transition:transform .4s cubic-bezier(.16,1,.3,1);border-left:1px solid rgba(255,255,255,.08);box-shadow:-24px 0 60px rgba(0,0,0,.5)}
.qeema-header__mobile-panel.qeema-open{transform:translateX(0)}
.qeema-header__mobile-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.08)}
.qeema-header__mobile-top .qeema-header__logo img{max-height:36px}
.qeema-header__mobile-close{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);border-radius:50%;width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .25s ease,background-color .25s ease}
.qeema-header__mobile-close:hover{border-color:#00d4ff;background:rgba(0,212,255,.1)}
.qeema-x{position:relative;width:14px;height:14px;display:inline-block}
.qeema-x span{position:absolute;top:50%;left:0;width:100%;height:2px;margin-top:-1px;background:#fff;border-radius:2px}
.qeema-x span:nth-child(1){transform:rotate(45deg)}
.qeema-x span:nth-child(2){transform:rotate(-45deg)}

.qeema-mobile-nav{list-style:none;margin:0;padding:0}
.qeema-mobile-item{opacity:0;transform:translateX(24px);transition:opacity .4s ease,transform .4s ease}
.qeema-header__mobile-panel.qeema-open .qeema-mobile-item{opacity:1;transform:translateX(0)}
.qeema-mobile-row{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:13px 16px;border-radius:22px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);margin-bottom:10px;transition:border-color .25s ease,background-color .25s ease}
.qeema-mobile-row:hover{background:rgba(0,212,255,.08);border-color:rgba(0,212,255,.3)}
.qeema-mobile-row a{color:#fff;text-decoration:none;font-weight:700;font-size:16px;flex:1}
.qeema-mobile-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,212,255,.14);border:none;border-radius:22px;color:#00d4ff;width:26px;height:26px;padding:0;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none}
.qeema-mobile-toggle:focus,.qeema-mobile-toggle:active,.qeema-mobile-toggle:focus-visible,.qeema-mobile-toggle:hover{outline:none;background:rgba(0,212,255,.24);color:#00d4ff}
.qeema-mobile-chevron{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .3s ease}
.qeema-mobile-item.qeema-expanded .qeema-mobile-chevron{transform:rotate(225deg)}
.qeema-mobile-item .qeema-sub{list-style:none;margin:0 6px 6px;padding:0;max-height:0;overflow:hidden;transition:max-height .35s ease}
.qeema-mobile-item.qeema-expanded .qeema-sub{max-height:1400px}
.qeema-mobile-item .qeema-sub li a{
  display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;
  color:#fff;text-decoration:none;padding:12px;border-radius:22px;margin-bottom:6px;
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);
  transition:background-color .2s ease,border-color .2s ease;
}
.qeema-mobile-item .qeema-sub li a:hover{background:rgba(56,189,248,.08);border-color:rgba(56,189,248,.25)}
.qeema-mobile-cta{display:block;text-align:center;margin-top:16px}
@media(max-width:1180px){
  .qeema-mega.is-dense .qeema-mega__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .qeema-mega__panel{grid-template-columns:1fr}
  .qeema-mega__aside{border-inline-start:0;border-top:1px solid rgba(255,255,255,.06)}
}
@media(max-width:1024px){.qeema-header__nav{display:none}.qeema-header__toggle{display:flex}.qeema-header__logo img.qeema-header__logo-full{display:none}.qeema-header__logo img.qeema-header__logo-mobile{display:block}}

/* === site-footer.css === */
.qeema-footer{position:relative;color:#fff;padding:90px 24px 0;overflow:hidden;background-image:radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 1.5px),linear-gradient(180deg,rgba(7,14,30,0) 0%,rgba(7,14,30,.7) 18%,rgba(8,17,36,.98) 100%);background-size:28px 28px,auto;background-repeat:repeat,no-repeat;border-top:1px solid rgba(255,255,255,.07)}
.qeema-footer::before{content:"";position:absolute;top:-140px;left:-110px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(0,212,255,.16),rgba(0,212,255,0) 70%);pointer-events:none;z-index:0}
.qeema-footer__watermark{position:absolute;left:-60px;bottom:-40px;width:460px;max-width:60vw;height:auto;opacity:.06;filter:brightness(0) invert(1);pointer-events:none;user-select:none;z-index:0;animation:qeema-watermark-breathe 8s ease-in-out infinite}
@keyframes qeema-watermark-breathe{0%,100%{opacity:.05;transform:scale(1)}50%{opacity:.09;transform:scale(1.03)}}
@media(max-width:600px){.qeema-footer__watermark{width:300px;left:-50px;bottom:-20px}}
.qeema-footer::after{content:"";position:absolute;bottom:-160px;right:-120px;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.14),rgba(139,92,246,0) 70%);pointer-events:none;z-index:0}
.qeema-footer__wrap{position:relative;z-index:1;max-width:1600px;margin:0 auto;padding-bottom:54px}
.qeema-footer__cards{display:flex;align-items:stretch;gap:22px;flex-wrap:wrap}
.qeema-footer__brand,.qeema-footer__column{position:relative;overflow:hidden;flex:1 1 220px;min-width:220px;background:rgba(10,24,46,.55);border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:32px 26px 30px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 10px 30px rgba(0,0,0,.18);transition:border-color .35s ease,background-color .35s ease,transform .35s ease,box-shadow .35s ease}
.qeema-footer__brand::before,.qeema-footer__column::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#00d4ff,#8b5cf6,transparent);opacity:.6;transition:opacity .35s ease;z-index:1}
.qeema-footer__brand::after,.qeema-footer__column::after{content:"";position:absolute;inset:0;background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%),rgba(0,212,255,.12),transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}
.qeema-footer__brand:hover,.qeema-footer__column:hover{border-color:rgba(0,212,255,.35);background:rgba(10,24,46,.68);transform:translateY(-5px);box-shadow:0 16px 40px rgba(0,0,0,.3),0 0 24px rgba(0,212,255,.12)}
.qeema-footer__brand:hover::before,.qeema-footer__column:hover::before{opacity:1}
.qeema-footer__brand:hover::after,.qeema-footer__column:hover::after{opacity:1}
.qeema-footer__brand{flex:1.3 1 260px;display:flex;flex-direction:column}
.qeema-footer__brand img{max-height:46px;margin-bottom:16px;filter:brightness(0) invert(1);align-self:flex-start}
.qeema-footer__brand p{position:relative;z-index:1;color:rgba(255,255,255,.68);line-height:1.9;font-size:14.5px}
.qeema-footer__stats{position:relative;z-index:1;display:flex;gap:22px;margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}
.qeema-footer__stat{display:flex;flex-direction:column;gap:2px}
.qeema-footer__stat strong{font-size:20px;font-weight:800;background:linear-gradient(90deg,#00d4ff,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent}
.qeema-footer__stat span{font-size:12px;color:rgba(255,255,255,.55)}
.qeema-footer__social{position:relative;z-index:1;display:flex;gap:10px;margin-top:22px}
.qeema-footer__social a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:22px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);color:#fff;font-size:16px;box-shadow:0 0 0 rgba(0,212,255,0);transition:background-color .3s ease,border-color .3s ease,color .3s ease,transform .3s ease,box-shadow .3s ease}
.qeema-footer__social a:hover{background:rgba(0,212,255,.16);border-color:rgba(0,212,255,.4);color:#00d4ff;transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,212,255,.3),0 0 16px rgba(0,212,255,.25)}

/* === contact page � unified two-column layout (info + form), inspired by
   qeematech.net's real contact page: one compact side-by-side section
   instead of stacked full-width blocks. Bespoke to this page, not a shared
   widget, since nothing else on the site needs this exact card-in-card
   layout. === */
.qeema-contact-layout{max-width:1400px;margin:0 auto;padding:20px 28px 80px;display:flex!important;flex-direction:row!important;gap:32px!important;align-items:stretch!important}
.qeema-contact-info-col,.qeema-contact-form-col{flex:1 1 0;min-width:0;background:rgba(10,24,46,.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:44px;box-shadow:0 20px 50px rgba(0,0,0,.15)}
.qeema-contact-eyebrow{display:inline-block;margin-bottom:16px;padding:8px 16px;border-radius:22px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);color:#8feeff;font-size:13px;font-weight:700}
.qeema-contact-info-col h2{color:#fff;font-size:32px;line-height:1.35;font-weight:800;margin:0 0 14px}
.qeema-contact-info-col>p{color:rgba(255,255,255,.80);font-size:16px;line-height:1.85;margin:0 0 30px}
.qeema-contact-socials-label{color:rgba(255,255,255,.6);font-size:13px;font-weight:700;margin:26px 0 0}
.qeema-contact-reassurance{display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:22px;background:rgba(16,207,255,.08);border:1px solid rgba(16,207,255,.2);color:#8feeff;font-size:14px;font-weight:700;margin-bottom:26px}
.qeema-contact-form-col h2{color:#fff;font-size:26px;font-weight:800;margin:0 0 22px}
.qeema-contact-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.qeema-contact-info-card{display:flex;flex-direction:column;gap:8px;padding:20px 18px;border-radius:22px;background:rgba(10,24,46,.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.08);text-decoration:none!important;transition:transform .25s ease,border-color .25s ease,background .25s ease}
.qeema-contact-info-card:hover{transform:translateY(-3px);border-color:rgba(16,207,255,.35);background:rgba(10,24,46,.68)}
.qeema-contact-info-card__icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:22px;background:rgba(16,207,255,.14);border:1px solid rgba(16,207,255,.3);color:#19c8ff;font-size:15px}
.qeema-contact-info-card strong{color:#fff;font-size:14px;font-weight:800;font-family:'Rubik',sans-serif}
.qeema-contact-info-card span,.qeema-contact-info-card em{color:rgba(255,255,255,.75);font-size:13.5px;font-weight:600;font-style:normal;font-family:'Rubik',sans-serif}
.qeema-contact-info-card:hover span,.qeema-contact-info-card:hover em{color:#19c8ff}
@media(max-width:1024px){.qeema-contact-layout{flex-direction:column!important;padding:20px 20px 60px}.qeema-contact-info-col,.qeema-contact-form-col{padding:30px}}
@media(max-width:600px){.qeema-contact-info-grid{grid-template-columns:1fr}}

/* === contact form — modernized fields, scoped to this page only so the
   sitewide input[type=...]/select fallback (WP comment form etc.) stays
   untouched. Elementor already renders a real caret icon per select
   (.select-caret-down-wrapper > .eicon-caret-down in form-base.php), so
   we only need appearance:none on the <select> itself + recolor that
   icon, not a hand-rolled background-image arrow. === */
.qeema-contact-form-col .elementor-field-group{margin-bottom:18px}
.qeema-contact-form-col .elementor-field:not(.elementor-select-wrapper),
.qeema-contact-form-col .elementor-select-wrapper select{
	background:rgba(255,255,255,.04)!important;
	border:1px solid rgba(255,255,255,.14)!important;
	border-radius:14px!important;
	padding:13px 16px!important;
	color:#fff!important;
	transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.qeema-contact-form-col .elementor-select-wrapper select{appearance:none;-webkit-appearance:none;padding-inline-end:40px!important}
.qeema-contact-form-col .elementor-field-group:focus-within .elementor-field:not(.elementor-select-wrapper),
.qeema-contact-form-col .elementor-select-wrapper:focus-within select,
.qeema-contact-form-col .elementor-field:not(.elementor-select-wrapper):focus,
.qeema-contact-form-col .elementor-select-wrapper select:focus{
	border-color:rgba(34,211,238,.55)!important;
	background:rgba(255,255,255,.07)!important;
	box-shadow:0 0 0 3px rgba(34,211,238,.14);
	outline:none;
}
.qeema-contact-form-col .select-caret-down-wrapper{color:#38bdf8;pointer-events:none}
.qeema-contact-form-col .select-caret-down-wrapper svg{fill:#38bdf8}
.qeema-contact-form-col ::placeholder{color:rgba(255,255,255,.4)!important}
.qeema-contact-form-col textarea.elementor-field{resize:vertical}
@media(prefers-reduced-motion:reduce){
	.qeema-contact-form-col .elementor-field,
	.qeema-contact-form-col .elementor-select-wrapper select{transition:none}
}

/* Custom listbox replacing the OS-native open dropdown (which CSS can't
   restyle for a real <select>) — see contact-modern-select.js. The real
   <select> stays functional/in the form, just visually hidden. */
.qeema-select{position:relative;display:block;width:100%;box-sizing:border-box}
.qeema-select select{
	position:absolute!important;inset:0;width:100%;height:100%;
	opacity:0;pointer-events:none;
}
.qeema-select__trigger{
	position:relative;display:flex;align-items:center;width:100%;min-height:48px;
	padding:13px 40px 13px 16px;border-radius:14px;cursor:pointer;box-sizing:border-box;
	background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.14);
	color:#fff;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
	transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.qeema-select__trigger:hover{border-color:rgba(56,189,248,.35)}
.qeema-select__trigger.is-placeholder{color:rgba(255,255,255,.4)}
.qeema-select__trigger:focus-visible{
	outline:none;border-color:rgba(34,211,238,.55);
	box-shadow:0 0 0 3px rgba(34,211,238,.14);
}
.qeema-select.is-open .qeema-select__trigger{border-color:rgba(34,211,238,.55);box-shadow:0 0 0 3px rgba(34,211,238,.14)}
.qeema-select.is-open .select-caret-down-wrapper{transform:translateY(-50%) rotate(180deg)}
.qeema-select__panel{
	position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:20;
	max-height:280px;overflow-y:auto;padding:8px;
	background:rgba(10,20,38,.98);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
	border:1px solid rgba(56,189,248,.25);border-radius:14px;
	box-shadow:0 20px 45px rgba(0,0,0,.45);
	opacity:0;visibility:hidden;transform:translateY(-6px) scale(.98);transform-origin:top center;
	transition:opacity .18s ease,transform .18s ease,visibility .18s;
}
.qeema-select.is-open .qeema-select__panel{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.qeema-select__panel::-webkit-scrollbar{width:8px}
.qeema-select__panel::-webkit-scrollbar-thumb{background:rgba(56,189,248,.25);border-radius:8px}
.qeema-select__panel::-webkit-scrollbar-track{background:transparent}
.qeema-select__option{
	padding:11px 14px;border-radius:10px;color:rgba(255,255,255,.82);
	font-size:14px;cursor:pointer;transition:background .12s ease,color .12s ease;
}
.qeema-select__option.is-highlighted{background:rgba(56,189,248,.14);color:#fff}
.qeema-select__option.is-selected{color:#38bdf8;font-weight:700}
.qeema-select__option.is-selected::after{content:"✓";float:left;color:#38bdf8}

/* Elementor's own reCAPTCHA "setup incomplete" reminder — only ever shown to
   logged-in admins (never real visitors), but should still fit the form's
   dark theme instead of Elementor's default light alert box. */
.qeema-contact-form-col .elementor-alert{
	background:rgba(56,189,248,.08)!important;border:1px solid rgba(56,189,248,.25)!important;
	border-radius:14px;padding:14px 16px;color:rgba(255,255,255,.75)!important;
	font-size:13px;line-height:1.7;font-family:'Rubik',sans-serif!important;
}
.qeema-contact-form-col .elementor-alert *{font-family:'Rubik',sans-serif!important}
@media(prefers-reduced-motion:reduce){
	.qeema-select__trigger,.qeema-select__panel,.select-caret-down-wrapper{transition:none}
}

.qeema-footer h5{position:relative;z-index:1;display:flex;align-items:center;gap:9px;color:#fff;font-size:17px;margin:0 0 22px;font-weight:800;padding-bottom:13px}
.qeema-footer h5 i{color:#00d4ff;font-size:14px}
.qeema-footer h5::after{content:"";position:absolute;right:0;bottom:0;width:32px;height:3px;border-radius:3px;background:linear-gradient(90deg,#00d4ff,#8b5cf6)}
.qeema-footer__links{position:relative;z-index:1;list-style:none;margin:0;padding:0}
.qeema-footer__links li{margin-bottom:13px}
.qeema-footer__links a{display:flex;align-items:center;gap:9px;color:rgba(255,255,255,.66);text-decoration:none;font-size:14.5px;transition:color .25s ease,gap .25s ease}
.qeema-footer__links a::before{content:"";width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#00d4ff;opacity:.55;box-shadow:0 0 6px rgba(0,212,255,.7);transition:opacity .25s ease}
.qeema-footer__links a:hover{color:#00d4ff;gap:13px}
.qeema-footer__links a:hover::before{opacity:1}
.qeema-footer__contact-item{color:rgba(255,255,255,.85);font-size:15px;margin-bottom:10px;display:flex;gap:8px}
.qeema-footer__bottom{position:relative;z-index:1;max-width:1600px;margin:0 auto;padding:22px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;font-size:13px;letter-spacing:.02em;color:rgba(255,255,255,.5)}
.qeema-footer__bottom::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent)}
.qeema-footer__totop{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:rgba(0,212,255,.10);border:1px solid rgba(0,212,255,.3);color:#00d4ff;text-decoration:none;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease}
.qeema-footer__totop:hover{background:rgba(0,212,255,.22);transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,212,255,.3)}
@media(max-width:600px){.qeema-footer{padding:64px 20px 0}.qeema-footer__cards{gap:16px}.qeema-footer__brand,.qeema-footer__column{flex:1 1 100%;padding:24px 22px}.qeema-footer__bottom{justify-content:center;text-align:center}}

/* === portfolio-teaser + portfolio-grid — homepage section uses page aurora bg === */
.qeema-portfolio-teaser{
  position:relative;isolation:auto;padding:88px 24px 44px;text-align:center;
  background:transparent;
  font-family:"Readex Pro",Rubik,sans-serif;
}
.qeema-portfolio-teaser__wrap{max-width:1240px;margin:0 auto}
.qeema-portfolio-teaser__head{max-width:760px;margin:0 auto 28px}
.qeema-portfolio-teaser__badge{
  display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;padding:8px 16px;
  border-radius:22px;background:rgba(8,18,36,.75);border:1px solid rgba(56,189,248,.28);
  color:#dbeafe;font-size:13px;font-weight:600;
}
.qeema-portfolio-teaser__badge-icon{
  width:18px;height:18px;border-radius:50%;
  background:radial-gradient(circle at 35% 35%,#7dd3fc,#0284c7 70%);
  box-shadow:0 0 12px rgba(56,189,248,.55);
}
.qeema-portfolio-teaser h2{color:#fff;font-size:clamp(30px,4vw,44px);line-height:1.35;font-weight:800;margin:0 0 14px}
.qeema-portfolio-teaser__lead{color:rgba(226,232,240,.78);font-size:16px;line-height:1.85;margin:0 auto;max-width:52ch}
.qeema-portfolio-teaser__categories{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:0 0 28px}
.qeema-portfolio-teaser__cat{
  padding:10px 18px;border-radius:22px;background:rgba(8,18,36,.7);
  border:1px solid rgba(56,189,248,.28);color:#e2e8f0;text-decoration:none;
  font-size:13.5px;font-weight:600;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,color .25s ease;
}
.qeema-portfolio-teaser__cat:hover{border-color:rgba(56,189,248,.55);color:#fff;box-shadow:0 0 18px rgba(56,189,248,.18)}
.qeema-portfolio-teaser__cat.active{
  background:linear-gradient(135deg,#38bdf8,#0ea5e9);border-color:transparent;color:#04101f;
  box-shadow:0 10px 28px rgba(14,165,233,.35);
}
.qeema-portfolio-teaser__cat.active:hover{color:#04101f}
.qeema-portfolio-teaser__actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:8px}
.qeema-portfolio-teaser__btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  text-decoration:none;padding:14px 28px;border-radius:22px;font-weight:800;font-size:15px;border:none;cursor:pointer;
  transition:transform .25s ease,box-shadow .25s ease,background .25s ease;
}
.qeema-portfolio-teaser__btn.primary{background:linear-gradient(135deg,#38bdf8,#0284c7);color:#fff;box-shadow:0 12px 30px rgba(14,165,233,.28)}
.qeema-portfolio-teaser__btn.primary:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(14,165,233,.4)}
.qeema-portfolio-teaser__btn.ghost{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);color:#fff}
.qeema-portfolio-teaser__foot{margin:22px auto 0;max-width:48ch;color:rgba(148,163,184,.9);font-size:13.5px;line-height:1.75}

.qeema-portfolio-grid{padding:0 0 8px}
.qeema-portfolio-grid__meta{
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  margin:0 0 22px;padding:0 4px;
}
.qeema-portfolio-grid__count{
  margin:0;padding:8px 14px;border-radius:22px;background:rgba(56,189,248,.1);
  border:1px solid rgba(56,189,248,.22);color:#7dd3fc;font-size:13px;font-weight:700;
}
.qeema-portfolio-grid__meta-note{margin:0;display:inline-flex;align-items:center;gap:8px;color:rgba(226,232,240,.7);font-size:13px;font-weight:600}
.qeema-portfolio-grid__meta-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 10px rgba(34,197,94,.7)}
.qeema-portfolio-grid__wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:stretch}
.qeema-portfolio-grid__item{transition:opacity .28s ease,transform .28s ease;min-width:0}
.qeema-portfolio-grid__item--hide{opacity:0;transform:scale(.92);pointer-events:none}
.qeema-portfolio-grid__show-more{display:inline-flex;margin:0;border:none}
@media(max-width:1100px){.qeema-portfolio-grid__wrap{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.qeema-portfolio-grid__wrap{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){
  .qeema-portfolio-grid__wrap{grid-template-columns:1fr;max-width:360px;margin:0 auto}
  .qeema-portfolio-grid__meta{justify-content:center;text-align:center}
}

.qeema-portfolio-grid__card,
.qeema-portfolio-grid__browser-card,
.qeema-portfolio-grid__phone-card{
  position:relative;display:flex;flex-direction:column;height:100%;
  border-radius:22px;overflow:hidden;
  background:linear-gradient(160deg,rgba(16,28,48,.92),rgba(8,14,26,.96));
  border:1px solid rgba(56,189,248,.22);
  box-shadow:0 18px 40px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.04);
  transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s ease,box-shadow .3s ease;
}
.qeema-portfolio-grid__card:hover,
.qeema-portfolio-grid__browser-card:hover,
.qeema-portfolio-grid__phone-card:hover{
  transform:translateY(-6px);
  border-color:rgba(56,189,248,.55);
  box-shadow:0 26px 50px rgba(0,0,0,.45),0 0 28px rgba(56,189,248,.16);
}
.qeema-portfolio-grid__stage{
  flex:1 1 auto;min-height:0;display:flex;align-items:stretch;justify-content:center;
  padding:14px 12px 0;
  background:
    radial-gradient(circle at 50% 18%,rgba(56,189,248,.14),transparent 55%),
    linear-gradient(180deg,rgba(255,255,255,.02),transparent 40%);
}
/* Website (browser-mockup) cards: the screenshot should fill the whole card
   frame edge-to-edge, not sit inset inside the shared stage padding/glow
   that the phone cards use. */
.qeema-portfolio-grid__browser-card > .qeema-portfolio-grid__stage{
  padding:0;background:none;
}
.qeema-portfolio-grid__browser-card .qeema-portfolio-grid__browser{
  border-radius:0;box-shadow:none;
}
.qeema-portfolio-grid__shot{
  display:block;width:min(88%,270px);line-height:0;margin:12px auto 8px;
  filter:drop-shadow(0 22px 28px rgba(0,0,0,.45));
  transition:transform .35s cubic-bezier(.2,.8,.2,1);
}
.qeema-portfolio-grid__phone-card:hover .qeema-portfolio-grid__shot{transform:translateY(-4px)}
.qeema-portfolio-grid__shot .qeema-portfolio-grid__media,
.qeema-portfolio-grid__shot img{
  display:block;width:100%;height:auto;max-height:340px;object-fit:contain;
  image-rendering:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;
}
.qeema-portfolio-grid__browser{
  width:100%;display:flex;flex-direction:column;flex:1 1 auto;
  border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.12);
  background:#0a1220;box-shadow:0 16px 30px rgba(0,0,0,.4);
}
.qeema-portfolio-grid__browser-bar{
  display:flex;align-items:center;gap:7px;flex-shrink:0;padding:10px 12px;
  background:rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.08);
}
.qeema-portfolio-grid__browser-url{
  margin-inline-start:8px;padding:4px 12px;border-radius:22px;background:rgba(255,255,255,.07);
  color:rgba(255,255,255,.55);font-size:11px;font-family:ui-monospace,Menlo,Consolas,monospace;
  flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;
}
/* Full-bleed screenshot viewport: always fills the frame (no squash / letterbox),
   pans top→bottom on hover via object-position so aspect ratio stays correct. */
.qeema-portfolio-grid__browser-screen{
  display:block;width:100%;flex:1 1 auto;
  aspect-ratio:16 / 11;min-height:240px;max-height:320px;
  line-height:0;overflow:hidden;background:#0b1220;position:relative;
}
.qeema-portfolio-grid__browser-screen .qeema-portfolio-grid__media,
.qeema-portfolio-grid__browser-screen img{
  display:block;width:100%;height:100%;
  object-fit:cover;object-position:top center;
  transform:none;will-change:object-position;
  transition:object-position 5s cubic-bezier(.25,.1,.25,1);
}
.qeema-portfolio-grid__browser-card:hover .qeema-portfolio-grid__browser-screen .qeema-portfolio-grid__media,
.qeema-portfolio-grid__browser-card:hover .qeema-portfolio-grid__browser-screen img,
.qeema-portfolio-grid__browser-card:focus-within .qeema-portfolio-grid__browser-screen .qeema-portfolio-grid__media,
.qeema-portfolio-grid__browser-card:focus-within .qeema-portfolio-grid__browser-screen img{
  object-position:bottom center;
}
@media(max-width:820px){
  .qeema-portfolio-grid__browser-screen{min-height:220px;max-height:280px}
}
@media(max-width:560px){
  .qeema-portfolio-grid__browser-screen{min-height:200px;max-height:260px;aspect-ratio:16 / 12}
}
.qeema-portfolio-grid__browser-footer{
  flex-shrink:0;padding:16px 16px 18px;display:flex;flex-direction:column;gap:8px;text-align:center;
  border-top:1px solid rgba(255,255,255,.06);
}
.qeema-portfolio-grid__browser-title{
  margin:0;color:#fff;font-size:15.5px;font-weight:800;line-height:1.4;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.qeema-portfolio-grid__browser-desc{
  margin:0;color:rgba(148,163,184,.95);font-size:12.5px;line-height:1.6;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.qeema-portfolio-grid__browser-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.qeema-portfolio-grid__browser-btn{
  flex:1;text-align:center;padding:10px 12px;border-radius:22px;font-size:12.5px;font-weight:700;
  text-decoration:none;white-space:nowrap;transition:background .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.qeema-portfolio-grid__browser-btn.primary{background:linear-gradient(135deg,#38bdf8,#0284c7);color:#fff}
.qeema-portfolio-grid__browser-btn.primary:hover{box-shadow:0 8px 20px rgba(14,165,233,.35)}
.qeema-portfolio-grid__browser-btn.ghost{background:transparent;border:1px solid rgba(56,189,248,.35);color:#e2e8f0}
.qeema-portfolio-grid__browser-btn.ghost:hover{background:rgba(56,189,248,.08);border-color:rgba(56,189,248,.55);color:#fff}
@media (prefers-reduced-motion:reduce){
  .qeema-portfolio-grid__card,.qeema-portfolio-grid__browser-card,.qeema-portfolio-grid__phone-card,
  .qeema-portfolio-grid__shot,.qeema-portfolio-grid__browser-btn,.qeema-portfolio-teaser__btn{transition:none}
  .qeema-portfolio-grid__browser-screen .qeema-portfolio-grid__media,
  .qeema-portfolio-grid__browser-screen img,
  .qeema-portfolio-grid__browser-card:hover .qeema-portfolio-grid__browser-screen .qeema-portfolio-grid__media,
  .qeema-portfolio-grid__browser-card:hover .qeema-portfolio-grid__browser-screen img,
  .qeema-portfolio-grid__browser-card:focus-within .qeema-portfolio-grid__browser-screen .qeema-portfolio-grid__media,
  .qeema-portfolio-grid__browser-card:focus-within .qeema-portfolio-grid__browser-screen img{
    transition:none;object-position:top center;
  }
}

/* Legacy archive cards without __stage still fill usablely */
.qeema-portfolio-grid__phone-card > .qeema-portfolio-grid__browser-bar,
.qeema-portfolio-grid__browser-card > .qeema-portfolio-grid__browser-bar{display:none}
.qeema-portfolio-grid__phone-card > .qeema-portfolio-grid__browser-screen,
.qeema-portfolio-grid__browser-card > .qeema-portfolio-grid__browser-screen{
  min-height:220px;flex:1;background-size:cover;background-position:top center;
}

/* === testimonials-carousel.css === */
.qeema-testimonials{padding:84px 30px;text-align:center;position:relative}
.qeema-testimonials__eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:22px;background:rgba(0,212,255,.10);border:1px solid rgba(0,212,255,.3);color:#00d4ff;font-size:13px;font-weight:700;letter-spacing:.3px;margin-bottom:18px}
.qeema-testimonials__eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:#00d4ff;box-shadow:0 0 10px rgba(0,212,255,.9)}
.qeema-testimonials h2{color:#fff;font-size:36px;line-height:1.4;font-weight:800;margin:0 0 12px}
.qeema-testimonials p{color:rgba(255,255,255,.78);font-size:16px;margin:0 0 40px}
.qeema-testimonials__track{--visible:5;--card-gap:20px;display:flex;gap:var(--card-gap);overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;max-width:1600px;margin:-34px auto 0;padding:40px 6px 14px;cursor:grab}
.qeema-testimonials__track.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;user-select:none}
.qeema-testimonials__track::-webkit-scrollbar{display:none}
.qeema-testimonial-card,.qeema-testimonial-card img{-webkit-user-drag:none;user-drag:none}
.qeema-testimonial-card{position:relative;flex:0 0 calc((100% - (var(--visible) - 1) * var(--card-gap)) / var(--visible));scroll-snap-align:start;border-radius:22px;overflow:hidden;background:transparent;aspect-ratio:9/12;border:1px solid rgba(255,255,255,.10);box-shadow:0 10px 30px rgba(0,0,0,.3);transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s ease,box-shadow .35s ease;content-visibility:auto;contain-intrinsic-size:260px 347px}
.qeema-testimonial-card:hover{transform:translateY(-6px);border-color:rgba(0,212,255,.55);box-shadow:0 16px 34px rgba(0,0,0,.4),0 0 0 1px rgba(0,212,255,.35),0 0 34px rgba(0,212,255,.28)}
.qeema-testimonial-card__bg{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;display:block;filter:blur(22px) brightness(.55) saturate(1.2);transform:scale(1.15);pointer-events:none}
.qeema-testimonial-card__fg{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%;object-fit:contain;display:block;border-radius:22px;box-shadow:0 10px 26px rgba(0,0,0,.45)}
.qeema-testimonial-card::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(6,12,24,.35) 0%,rgba(6,12,24,.30) 55%,rgba(6,12,24,.6) 100%);pointer-events:none}
.qeema-testimonial-card__play{position:absolute;z-index:3;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border:0;padding:0;margin:0;cursor:pointer;background:transparent;color:#fff;font-family:inherit}
/* the theme's reset.css sets a global button:hover/:focus background-color:#c36
   (magenta) - harmless on normal-sized buttons but this button covers the
   whole card, so without this override the entire card would flash pink
   on hover/focus instead of the intended cyan ring treatment. */
.qeema-testimonial-card__play:hover,.qeema-testimonial-card__play:focus,.qeema-testimonial-card__play:focus-visible{background-color:transparent}
.qeema-testimonial-card__play:focus-visible{outline:2px solid #10cfff;outline-offset:-4px}
.qeema-testimonial-card__ring{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(8,16,32,.55);border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:.85;transition:opacity .3s ease,background-color .3s ease,border-color .3s ease}
.qeema-testimonial-card__ring svg{width:20px;height:20px;margin-inline-start:2px}
.qeema-testimonial-card__play:hover .qeema-testimonial-card__ring,.qeema-testimonial-card__play:focus-visible .qeema-testimonial-card__ring{opacity:1;background:linear-gradient(135deg,#10cfff,#0066ff);border-color:transparent}
.qeema-testimonial-card__label{font-size:12.5px;font-weight:700;padding:6px 16px;border-radius:22px;background:rgba(8,16,32,.6);border:1px solid rgba(255,255,255,.18);opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease}
.qeema-testimonial-card__play:hover .qeema-testimonial-card__label,.qeema-testimonial-card__play:focus-visible .qeema-testimonial-card__label{opacity:1;transform:translateY(0)}
@media (hover:none),(pointer:coarse){
	.qeema-testimonial-card:hover{transform:none}
	.qeema-testimonial-card__ring{opacity:1;background:linear-gradient(135deg,#10cfff,#0066ff);border-color:transparent}
	.qeema-testimonial-card__label{opacity:1;transform:translateY(0)}
}
@media (prefers-reduced-motion:reduce){
	.qeema-testimonial-card,.qeema-testimonial-card img,.qeema-testimonial-card__ring,.qeema-testimonial-card__label,.qeema-video-modal,.qeema-video-modal__inner{transition:none!important;animation:none!important}
}
@media(max-width:1400px){.qeema-testimonials__track{--visible:4}}
@media(max-width:1024px){.qeema-testimonials__track{--visible:3}}
@media(max-width:768px){.qeema-testimonials__track{--visible:1}}
.qeema-testimonials__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;max-width:1600px;margin:-34px auto 0;padding:40px 6px 14px}
@media(max-width:767px){.qeema-testimonials__grid{grid-template-columns:repeat(2,1fr);gap:14px}}
.qeema-testimonials__progress{display:none;position:relative;max-width:220px;height:4px;margin:24px auto 0;border-radius:22px;background:rgba(255,255,255,.08);overflow:hidden}
.qeema-testimonials__track.is-scrollable ~ .qeema-testimonials__progress{display:block}
.qeema-testimonials__progress-bar{position:absolute;top:0;bottom:0;left:0;border-radius:22px;background:linear-gradient(90deg,#10cfff,#0066ff);box-shadow:0 0 12px rgba(16,207,255,.65)}

/* === video-modal.css === */
.qeema-video-modal{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s}
.qeema-video-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}
.qeema-video-modal__backdrop{position:absolute;inset:0;background:rgba(5,10,20,.9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.qeema-video-modal__inner{position:relative;z-index:1;max-width:92vw;max-height:88vh;border-radius:22px;overflow:hidden;background:#000;box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.08),0 0 60px rgba(0,212,255,.15);transform:scale(.9);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.qeema-video-modal.is-open .qeema-video-modal__inner{transform:scale(1)}
.qeema-video-modal__close{position:absolute;top:12px;inset-inline-end:12px;z-index:2;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(5,10,20,.65);color:#fff;font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .25s ease,transform .25s ease}
.qeema-video-modal__close:hover{background:rgba(255,60,60,.8);transform:scale(1.08)}
.qeema-video-modal__media{display:flex;align-items:center;justify-content:center}
.qeema-video-modal__media video{display:block;max-width:92vw;max-height:88vh;width:auto;height:auto}
.qeema-video-modal__media iframe{display:block;width:min(85vw,720px);aspect-ratio:16/9;max-height:80vh;border:0}
body.qeema-modal-lock{overflow:hidden}

/* === blog section heading (generic Elementor heading/text-editor widgets � matched to the other sections' h2/p treatment) === */
.elementor-element-2b9f2bc .elementor-heading-title{color:#fff!important;font-size:36px;line-height:1.4;font-weight:800;margin:0 0 12px}
.elementor-element-ec3ad97 p{color:rgba(255,255,255,.78)!important;font-size:17px;line-height:1.9;margin:0 0 10px}
@media(max-width:600px){.elementor-element-2b9f2bc .elementor-heading-title{font-size:26px}.elementor-element-ec3ad97 p{font-size:15px}}

/* === blog-grid.css ("Clean Premium Style" ported from qeematech.net's actual last homepage section, element fc37d68) === */
.elementor-element-d582347.e-con-boxed > .e-con-inner{max-width:1600px}
.qeema-blog-carousel{max-width:1600px;margin:0 auto;padding:0 28px 40px}
.qeema-blog-carousel__track{--visible:5;--card-gap:10px;display:flex;gap:var(--card-gap);overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding:34px 6px 14px;margin:-28px -6px 0;cursor:grab}
.qeema-blog-carousel__track.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;user-select:none}
.qeema-blog-carousel__track::-webkit-scrollbar{display:none}
.qeema-blog-card,.qeema-blog-card img{-webkit-user-drag:none;user-drag:none}
.qeema-blog-card{position:relative;flex:0 0 calc((100% - (var(--visible) - 1) * var(--card-gap)) / var(--visible));scroll-snap-align:start;display:flex;flex-direction:column;min-height:330px;overflow:hidden;border-radius:22px;padding:12px 12px 16px;text-decoration:none;background:rgba(8,29,63,.78);border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 28px rgba(0,0,0,.14);transition:transform .22s ease,background .22s ease,box-shadow .22s ease,border-color .22s ease;will-change:transform}
.qeema-blog-card:hover{transform:translateY(-4px);background:rgba(10,35,74,.88);border-color:rgba(255,255,255,.14);box-shadow:0 18px 38px rgba(0,0,0,.22)}
.qeema-blog-card__media{overflow:hidden;margin:0 0 16px}
.qeema-blog-card__media img{display:block;width:100%;height:180px;object-fit:cover;border-radius:22px;transition:transform .28s ease,filter .28s ease}
.qeema-blog-card:hover .qeema-blog-card__media img{transform:scale(1.025);filter:saturate(1.05) contrast(1.02)}
.qeema-blog-card__body{position:relative;z-index:2;display:flex;flex-direction:column;flex:1}
.qeema-blog-card__title{color:#fff!important;font-size:18px;line-height:1.6;font-weight:900;padding:0 4px;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .22s ease}
.qeema-blog-card:hover .qeema-blog-card__title{color:#19c8ff!important}
.qeema-blog-card__excerpt{color:rgba(255,255,255,.72)!important;font-size:14px;line-height:1.9;font-weight:700;margin:0;padding:0 4px 14px;border-bottom:1px solid rgba(255,255,255,.08);flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
/* bespoke "scroll progress" rail standing in for the hidden native scrollbar �
   doubles as the cue that this is a draggable/auto-advancing carousel, not a
   static grid. Hidden by default; the JS only reveals it (.is-scrollable) once
   it confirms the track actually has more content than fits in view. */
.qeema-blog-carousel__progress{display:none;position:relative;max-width:220px;height:4px;margin:20px auto 0;border-radius:22px;background:rgba(255,255,255,.08);overflow:hidden}
.qeema-blog-carousel__track.is-scrollable ~ .qeema-blog-carousel__progress{display:block}
.qeema-blog-carousel__progress-bar{position:absolute;top:0;bottom:0;left:0;border-radius:22px;background:linear-gradient(90deg,#10cfff,#0066ff);box-shadow:0 0 12px rgba(16,207,255,.65)}
@media(prefers-reduced-motion:reduce){.qeema-blog-carousel__track{scroll-behavior:auto}.qeema-blog-card,.qeema-blog-card__media img{transition:none!important}}
@media(max-width:1400px){.qeema-blog-carousel__track{--visible:4}}
@media(max-width:1024px){.qeema-blog-carousel__track{--visible:3}.qeema-blog-card{min-height:315px}.qeema-blog-card__media img{height:170px}}
@media(max-width:767px){.qeema-blog-carousel{padding:0 20px 30px}.qeema-blog-carousel__track{--visible:1}.qeema-blog-card{min-height:auto;border-radius:22px}.qeema-blog-card:hover{transform:translateY(-4px)}.qeema-blog-card__media img{height:190px;border-radius:22px}}

/* === default WP template dark-theme normalization ===
   Pages without a custom Elementor design (single posts, archives, search,
   404, the default comment form) fall back to the theme/browser's own light
   colors � plain white input/textarea fields, muted default heading colors �
   which breaks the site's otherwise-consistent dark background. Force dark
   styling on the generic WP/theme markup so nothing renders light anywhere. */
.entry-content,.entry-content p,.entry-content li,.entry-content span,.comments-area,.comment-content,.comment-content p,.comment-reply-title,.comment-form label,.comment-form-comment label,#comments,.page-content,.page-content p{color:rgba(255,255,255,.85)}
.entry-title,.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.comment-reply-title,h1.entry-title{color:#fff!important}
.entry-content a,.comment-content a{color:#22dcff}
input[type=text],input[type=email],input[type=url],input[type=password],input[type=search],input[type=tel],input[type=number],textarea,select{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important;border-radius:22px;padding:12px 14px;font-family:'Rubik',sans-serif}
select option{color:#111!important;background:#fff!important}
input[type=text]::placeholder,input[type=email]::placeholder,textarea::placeholder{color:rgba(255,255,255,.4)}
.comment-form input[type=submit],input[type=submit],button[type=submit]{background:linear-gradient(135deg,#10cfff,#0066ff)!important;color:#fff!important;border:none!important;border-radius:22px;padding:12px 26px;font-weight:700;cursor:pointer}
.comment-form input[type=submit]:hover,input[type=submit]:hover,button[type=submit]:hover{transform:translateY(-2px)}

/* === single-post layout (main column + fixed sidebar) ===
   Layout logic lives here, not in Elementor's own container controls �
   the two columns are plain containers tagged with these CSS classes via
   the "CSS Classes" advanced field, same approach as every other page's
   layout on this site. */
/* Plain block layout below 1024px, not flex � Elementor's own container
   uses CSS custom properties (--flex-direction etc.) for its internal
   responsive behavior, and forcing flex-direction:column here via
   !important fights that in a way that corrupts rendering entirely on
   this specific template (confirmed by direct testing: swapping to
   display:block fixes it outright, and block-level children already
   stack vertically without needing flex at all). */
@media(min-width:1025px){
	.qeema-post-layout{max-width:1400px;margin:0 auto;padding:40px 28px 70px;display:flex!important;flex-direction:row!important;gap:40px!important;align-items:flex-start!important}
	.qeema-post-main{flex:1 1 0!important;min-width:0;width:auto!important}
	.qeema-post-sidebar{flex:0 0 380px!important;width:380px!important;position:sticky!important;top:100px!important;align-self:flex-start}
}
@media(max-width:1024px){
	.qeema-post-layout{display:block!important;max-width:100%;padding:30px 20px 50px}
	.qeema-post-main,.qeema-post-sidebar{display:block!important;width:100%!important}
	.qeema-post-sidebar{margin-top:40px;position:static!important}
}

/* === main content column: sits directly on the shared aurora background
   (unified with the homepage) instead of its own translucent card === */
.qeema-post-main{border-radius:22px;padding:40px}
@media(max-width:600px){.qeema-post-main{padding:24px}}

/* === single-post prose typography (Elementor Pro's Post Content widget �
   confirmed it prints the_content with no .entry-content wrapper, so the
   real class to target is .elementor-widget-theme-post-content) === */
.elementor-widget-theme-post-content{color:rgba(238,246,255,.76);font-size:18px;line-height:2.05}
.elementor-widget-theme-post-content p{margin:0 0 22px;color:rgba(238,246,255,.76)}
.elementor-widget-theme-post-content h2{color:#fff;font-size:30px;line-height:1.4;font-weight:900;margin:48px 0 22px;padding:22px 24px;border-radius:22px;background:linear-gradient(135deg,rgba(17,216,255,.15),rgba(123,97,255,.12)),rgba(255,255,255,.067);border-inline-end:.8px solid rgba(255,255,255,.13);box-shadow:0 14px 38px rgba(0,0,0,.22)}
.elementor-widget-theme-post-content h3{color:#fff;font-size:26px;line-height:1.4;font-weight:900;margin:34px 0 14px;display:flex;align-items:center;gap:12px}
.elementor-widget-theme-post-content h3::before{content:"";flex-shrink:0;width:15px;height:15px;border-radius:50%;background:#11d8ff}
.elementor-widget-theme-post-content h4{color:rgba(255,255,255,.92);font-size:20px;line-height:1.6;font-weight:700;margin:28px 0 12px}
.elementor-widget-theme-post-content ul,.elementor-widget-theme-post-content ol{margin:0 0 22px;padding-inline-start:26px}
.elementor-widget-theme-post-content li{margin-bottom:10px;line-height:1.9}
.elementor-widget-theme-post-content ul{list-style:none}
.elementor-widget-theme-post-content ul li{position:relative}
.elementor-widget-theme-post-content ul li::before{content:"";position:absolute;inset-inline-start:-22px;top:.7em;width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#22d3ee,#0066ff)}
.elementor-widget-theme-post-content ol{list-style:decimal}
.elementor-widget-theme-post-content ol li::marker{color:#22d3ee;font-weight:800}
.elementor-widget-theme-post-content blockquote{margin:28px 0;padding:18px 22px;border-inline-start:3px solid #22d3ee;background:rgba(255,255,255,.03);border-radius:0 22px 22px 0;color:rgba(255,255,255,.9);font-size:17px;font-style:normal;line-height:1.85}
.elementor-widget-theme-post-content blockquote p{margin:0}
.elementor-widget-theme-post-content figure{margin:28px auto;background:rgba(255,255,255,.067);border-radius:22px;padding:12px;text-align:center;width:965px!important;max-width:100%}
.elementor-widget-theme-post-content img{max-width:100%;height:auto;border-radius:22px;display:block;margin:0 auto;box-shadow:0 22px 65px rgba(0,0,0,.3)}
.elementor-widget-theme-post-content figure img{box-shadow:none}
.elementor-widget-theme-post-content figcaption{margin-top:12px;text-align:center;color:rgba(238,246,255,.58);font-size:14px;font-style:italic}
.elementor-widget-theme-post-content a{color:#8cecff;font-weight:900;text-decoration:none;transition:color .25s ease}
.elementor-widget-theme-post-content a:hover{color:#c3f6ff}
.elementor-widget-theme-post-content code{background:rgba(255,255,255,.08);padding:2px 7px;border-radius:6px;font-size:.9em;color:#8feeff}
.elementor-widget-theme-post-content pre{background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.10);border-radius:22px;padding:18px;overflow-x:auto;margin:24px 0}
.elementor-widget-theme-post-content pre code{background:none;padding:0}
.elementor-widget-theme-post-content .qeema-post-faq{margin:32px 0;padding-top:8px;border-top:1px solid rgba(255,255,255,.10)}
.elementor-widget-theme-post-content .qeema-post-faq h3{font-size:21px;font-weight:900;margin-top:26px;background:rgba(255,255,255,.38);border:.8px solid rgba(255,255,255,.12);border-radius:22px;padding:22px 24px;box-shadow:0 14px 38px rgba(0,0,0,.17);display:flex;color:#fff}
.elementor-widget-theme-post-content .qeema-post-faq h3::before{content:"?";flex-shrink:0;width:22px;height:22px;border-radius:50%;background:#11d8ff;color:#0a2346;font-size:13px;font-weight:900;display:flex;align-items:center;justify-content:center}
.elementor-widget-theme-post-content .qeema-post-faq p{padding:0 24px}
.elementor-widget-theme-post-content table{width:100%;margin:28px 0;border-collapse:separate;border-spacing:0;border-radius:22px;overflow:hidden;border:.8px solid rgba(255,255,255,.12);box-shadow:0 14px 38px rgba(0,0,0,.17)}
.elementor-widget-theme-post-content th,.elementor-widget-theme-post-content td{padding:16px 20px;text-align:center;font-size:15px;border-bottom:1px solid rgba(255,255,255,.08)}
.elementor-widget-theme-post-content th{background:linear-gradient(135deg,rgba(17,216,255,.18),rgba(123,97,255,.14));color:#fff;font-weight:900;font-size:15px}
.elementor-widget-theme-post-content td{color:rgba(238,246,255,.8);background:rgba(255,255,255,.03)}
.elementor-widget-theme-post-content tr:last-child td{border-bottom:none}
@media(max-width:768px){.elementor-widget-theme-post-content{font-size:16px}.elementor-widget-theme-post-content h2{font-size:22px;padding:18px 20px}.elementor-widget-theme-post-content h3{font-size:21px}.elementor-widget-theme-post-content th,.elementor-widget-theme-post-content td{padding:10px;font-size:13px}}

/* === single-post hero card: breadcrumb + title inside a glass card,
   matching the old site's translucent card behind the post title === */
/* display:block!important (not flex) � matching the confirmed-safe pattern
   elsewhere on this template: fighting Elementor's own flex/container CSS
   vars with flex-direction!important has previously corrupted rendering
   outright, whereas block children just stack vertically without issue. */
.qeema-post-hero{display:block!important;max-width:1140px!important;margin:60px auto 0!important;padding:60px 45px}
.qeema-post-hero .rank-math-breadcrumb{margin:0 0 16px}
.qeema-post-hero .elementor-widget-theme-post-title{margin:0}
@media(max-width:600px){.qeema-post-hero{margin-top:30px;padding:30px 24px;border-radius:22px}}

/* === single-post: featured image, breadcrumb, CTA button === */
.elementor-widget-theme-post-featured-image img{border-radius:22px;display:block;width:100%;height:auto}
.rank-math-breadcrumb{margin:0 0 16px}
.rank-math-breadcrumb p{margin:0;color:rgba(255,255,255,.7);font-size:15px}
.rank-math-breadcrumb a{color:rgba(255,255,255,.85);text-decoration:none}
.rank-math-breadcrumb a:hover{color:#22dcff}
.rank-math-breadcrumb .separator{margin:0 8px;color:rgba(255,255,255,.4)}
.rank-math-breadcrumb .last{color:#fff;font-weight:700}
.qeema-post-main .elementor-widget-button{margin:0 0 10px}
.qeema-post-main .elementor-widget-button .elementor-button{display:block;width:100%;text-align:center;background:linear-gradient(135deg,#0aa5ff,#11d8ff);color:#fff;border-radius:22px;padding:15px 36px;font-weight:900;font-size:17px;transition:.3s ease}
.qeema-post-main .elementor-widget-button .elementor-button:hover{transform:translateY(-3px)}

/* === share buttons (single post) === */
.qeema-share-buttons{display:flex;align-items:center;gap:12px;margin:32px 0;flex-wrap:wrap}
.qeema-share-buttons__label{color:rgba(255,255,255,.6);font-size:14px;font-weight:700}
.qeema-share-buttons__list{display:flex;gap:10px}
.qeema-share-buttons__btn{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:22px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);color:#fff;font-size:16px;text-decoration:none!important;transition:.3s ease}
.qeema-share-buttons__btn:hover{background:linear-gradient(135deg,#10cfff,#0066ff);border-color:transparent;transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,212,255,.35)}

/* === related posts (single post) � its own full-width section below the
   two-column layout, spanning the combined width of both columns rather
   than being confined to the main column. === */
.qeema-post-related-section{max-width:1400px;margin:0 auto;padding:0 28px 70px}
@media(max-width:1024px){.qeema-post-related-section{padding:0 20px 50px}}
.qeema-related-posts{padding:34px 24px 38px;border-radius:22px;background:radial-gradient(circle at 12% 0%,rgba(19,216,255,.12),rgba(0,0,0,0) 35%),radial-gradient(circle at 90% 10%,rgba(114,92,255,.13),rgba(0,0,0,0) 38%),linear-gradient(rgba(255,255,255,.094),rgba(255,255,255,.043))}
.qeema-related-posts__head{margin:0 0 28px;display:flex;align-items:center;gap:14px}
.qeema-related-posts__head::before{content:"";flex-shrink:0;width:9px;height:34px;border-radius:22px;background:linear-gradient(135deg,#11d8ff,#7b61ff)}
.qeema-related-posts__head h2{color:#fff;font-size:28px;font-weight:800;margin:0}

/* === sidebar CTA box (single post) � boxed card, matching the sidebar
   categories block below it, so the whole sidebar reads as stacked boxes.
   The sidebar column itself (not this block) now carries the sticky
   positioning, since categories should scroll along with it as one unit. === */
.qeema-sidebar-cta{position:relative;overflow:hidden;padding:30px 24px;border-radius:22px;background:rgba(10,24,46,.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 50px rgba(0,0,0,.15);transition:border-color .3s ease,box-shadow .3s ease}
.qeema-sidebar-cta::before{content:"";position:absolute;z-index:-1;top:-40%;inset-inline-end:-30%;width:70%;height:90%;background:radial-gradient(circle,rgba(34,211,238,.16),transparent 70%);pointer-events:none}
.qeema-sidebar-cta:hover{border-color:rgba(34,211,238,.35);box-shadow:0 20px 50px rgba(0,0,0,.15),0 0 30px rgba(34,211,238,.12)}
.qeema-sidebar-cta__icon{width:40px;height:40px;border-radius:22px;display:flex;align-items:center;justify-content:center;background:rgba(34,211,238,.14);border:1px solid rgba(34,211,238,.3);color:#22d3ee;font-size:17px;margin-bottom:18px}
.qeema-sidebar-cta h3{color:#fff;font-size:24px;font-weight:900;margin:0 0 12px}
.qeema-sidebar-cta p{color:rgba(255,255,255,.78);font-size:14px;line-height:1.8;margin:0 0 22px}
.qeema-sidebar-cta .qt-simple-btn{display:block;text-align:center;width:100%}

/* === sidebar categories widget (single post) === */
.qeema-post-categories{padding:24px;border-radius:22px;background:rgba(10,24,46,.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.10);margin-top:24px}
.qeema-post-categories h5{color:#fff;font-size:18px;font-weight:800;margin:0 0 16px}
.qeema-post-categories ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.qeema-post-categories li a{color:rgba(255,255,255,.78);text-decoration:none;font-size:14px;font-weight:600;transition:color .25s ease}
.qeema-post-categories li a:hover{color:#22dcff}

/* === Easy Table of Contents � dark glass override of the 'grey' theme preset.
   !important is required: the plugin's own enqueued CSS targets #ez-toc-container
   by ID with inline-level specificity; settings (theme=>grey etc.) are left
   untouched, this is a pure visual override. === */
#ez-toc-container{margin:0 0 32px!important;padding:0 0 22px!important;border-radius:22px 22px 22px 22px !important;background:rgba(10,24,46,.55)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;border:.8px solid rgba(255,255,255,.12)!important;box-shadow:0 22px 60px rgba(0,0,0,.22)!important;min-width:100%;direction:rtl}
#ez-toc-container .ez-toc-title-container{background:linear-gradient(135deg,#1157bc 0%,#061f52 100%)!important;padding:22px 26px!important;border-radius:22px 22px 0 0 !important;margin:0 0 20px!important;display:flex!important;align-items:center;justify-content:space-between}
#ez-toc-container .ez-toc-title{color:#fff!important;font-size:24px!important;font-weight:900!important;font-family:'Rubik',sans-serif!important;margin:0!important}
#ez-toc-container .ez-toc-title-toggle{color:#fff!important}
#ez-toc-container .ez-toc-toggle svg,#ez-toc-container .ez-toc-icon-toggle-span svg{fill:#fff!important}
#ez-toc-container.counter-hierarchy ul{margin:0!important;padding:0 22px!important}
#ez-toc-container li{margin-bottom:0!important;list-style:none!important}
#ez-toc-container a{position:relative;display:flex!important;align-items:center;background:#fff!important;color:#0a2346!important;text-decoration:none!important;font-size:16px!important;font-weight:900!important;padding:14px 22px!important;margin:0 0 14px!important;border-radius:22px !important;box-shadow:0 14px 34px rgba(0,0,0,.13)!important;transition:transform .2s ease}
#ez-toc-container a::before{content:"";position:absolute;inset-inline-end:6px;top:50%;transform:translateY(-50%);width:34px;height:18px;border-radius:22px;background:rgba(17,216,255,.25)}
#ez-toc-container a:hover{transform:translateY(-2px)}
#ez-toc-container .ez-toc-counter{color:#22d3ee!important}
/* The plugin's own default toggle icon (grey SVG) rendered on top of the
   custom pill decoration above - hidden since the pill is the intended
   visual, not the plugin's default icon. */
span.ez-toc-js-icon-con{display:none!important}

/* === custom cursor � label reveal only; default OS cursor stays visible === */
.qeema-cursor-label{position:fixed;top:0;left:0;transform:translate(16px,16px);padding:7px 16px;border-radius:22px;background:linear-gradient(135deg,#10cfff,#0066ff);color:#02131f;font-family:'Rubik',sans-serif;font-size:12.5px;font-weight:800;white-space:nowrap;pointer-events:none;opacity:0;z-index:2147483647;transition:opacity .18s ease,transform .18s ease}
.qeema-cursor-label.is-active{opacity:1}
@media(pointer:coarse),(prefers-reduced-motion:reduce){.qeema-cursor-label{display:none!important}}

/* === pull-quote.css === */
.qeema-pull-quote{padding:70px 30px}
.qeema-pull-quote__panel{position:relative;overflow:hidden;max-width:1100px;margin:0 auto;padding:60px 56px;border-radius:22px;text-align:center;background-color:rgba(10,24,46,.6);background-image:linear-gradient(135deg,rgba(34,211,238,.1),rgba(139,92,246,.07));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.10);box-shadow:0 0 40px rgba(34,211,238,.08),inset 0 1px 0 rgba(255,255,255,.06);transition:box-shadow .3s ease,border-color .3s ease}
.qeema-pull-quote__panel:hover{border-color:rgba(34,211,238,.3);box-shadow:0 0 55px rgba(34,211,238,.14),inset 0 1px 0 rgba(255,255,255,.08)}
.qeema-pull-quote__icon{width:60px;height:60px;margin:0 auto 22px;border-radius:22px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#10cfff,#0066ff);color:#fff;box-shadow:0 10px 26px rgba(0,102,255,.3)}
.qeema-pull-quote__icon svg{width:26px;height:26px}
.qeema-pull-quote__eyebrow{display:inline-block;margin-bottom:18px;padding:9px 16px;border-radius:22px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);color:#8feeff;font-size:13px;font-weight:700}
.qeema-pull-quote__text{max-width:780px;margin:0 auto;font-size:26px;line-height:1.8;font-weight:700;color:#fff;text-align:center}
.qeema-pull-quote__cite{display:block;margin-top:22px;color:rgba(255,255,255,.55);font-size:15px;font-weight:600;text-align:center}
@media(max-width:768px){.qeema-pull-quote__panel{padding:44px 26px}.qeema-pull-quote__text{font-size:20px}}

/* === trusted-by.css === */
.qeema-trusted-by{position:relative;left:50%;right:50%;width:100vw;margin-left:-50vw;margin-right:-50vw;padding:56px 0;background:rgba(255,255,255,.02);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);overflow:hidden}
.qeema-trusted-by__head{max-width:1600px;margin:0 auto 28px;padding:0 30px;text-align:center}
.qeema-trusted-by__eyebrow{display:inline-block;margin-bottom:14px;padding:9px 16px;border-radius:22px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);color:#8feeff;font-size:13px;font-weight:700}
.qeema-trusted-by__head h2{margin:0;color:#fff;font-size:24px;font-weight:800}
.qeema-trusted-by__viewport{overflow:hidden;direction:ltr;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.qeema-trusted-by__track{direction:ltr;display:flex;gap:72px;align-items:center;width:max-content;animation:qeema-marquee var(--speed,32s) linear infinite;animation-duration:140s}
.qeema-trusted-by__track:hover{animation-play-state:paused}
.qeema-trusted-by__track--reverse{animation-direction:reverse}
.qeema-trusted-by__track-dup{display:flex;gap:72px;align-items:center}
.qeema-trusted-by__rows{display:flex;flex-direction:column;gap:40px}
.qeema-trusted-by__logo{flex:0 0 auto;height:96px;display:flex;align-items:center;opacity:.85;transition:opacity .3s ease}
.qeema-trusted-by__logo:hover{opacity:1}
.qeema-trusted-by__logo img{height:100%;width:auto;object-fit:contain}
.qeema-trusted-by--static .qeema-trusted-by__static-row{max-width:1600px;margin:0 auto;padding:0 30px;display:flex;flex-wrap:wrap;justify-content:center;gap:48px}
@keyframes qeema-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.qeema-trusted-by__grid{position:relative;max-width:1600px;margin:0 auto;padding:16px 30px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}
.qeema-trusted-by__grid *{box-sizing:border-box}
.qeema-trusted-by__grid-item{position:relative;aspect-ratio:1/.82;display:flex;align-items:center;justify-content:center;padding:12px;border-radius:22px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);overflow:hidden;opacity:0;transform:translateY(18px) scale(.92);transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .5s ease,border-color .35s ease,background .35s ease,box-shadow .35s ease}
.qeema-trusted-by.is-visible .qeema-trusted-by__grid-item{opacity:1;transform:none;transition-delay:calc(var(--i,0) * .05s)}
.qeema-trusted-by__grid-item:hover{border-color:rgba(34,211,238,.35);background:rgba(255,255,255,.06);box-shadow:0 14px 30px rgba(34,211,238,.16);transform:translateY(-5px) scale(1.04)!important;transition-delay:0s!important}
.qeema-trusted-by__grid-logo{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.qeema-trusted-by__grid-logo img{max-width:92%;max-height:86%;width:auto;height:auto;object-fit:contain}
@media(max-width:600px){.qeema-trusted-by__grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}.qeema-trusted-by__grid-item{padding:8px}}
@media(prefers-reduced-motion:reduce){.qeema-trusted-by__track{animation:none;flex-wrap:wrap;width:auto}.qeema-trusted-by__track-dup{display:none}.qeema-trusted-by__grid-item{opacity:1!important;transform:none!important;transition:none!important}}

/* === cta-banner.css === */
.qeema-cta-banner{padding:80px 30px 100px}
.qeema-cta-banner__panel{position:relative;overflow:hidden;max-width:1600px;margin:0 auto;padding:64px 48px;border-radius:22px;text-align:center;background:linear-gradient(135deg,#10cfff,#0066ff);background-image:radial-gradient(circle,rgba(255,255,255,.16) 1.5px,transparent 1.5px),linear-gradient(135deg,#10cfff,#0066ff);background-size:26px 26px,100% 100%;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.qeema-cta-banner__panel::before{content:"";position:absolute;bottom:-140px;inset-inline-end:-100px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(6,20,45,.45),transparent 70%);filter:blur(50px);pointer-events:none}
.qeema-cta-banner__panel::after{content:"";position:absolute;top:-120px;inset-inline-start:-100px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.4),transparent 70%);filter:blur(55px);pointer-events:none}
.qeema-cta-banner__eyebrow{display:inline-block;position:relative;margin-bottom:16px;padding:9px 16px;border-radius:22px;background:rgba(255,255,255,.18);color:#fff;font-size:13px;font-weight:700}
.qeema-cta-banner h2{position:relative;color:#fff;font-size:38px;font-weight:800;margin:0 0 14px}
.qeema-cta-banner p{position:relative;color:rgba(255,255,255,.92);font-size:17px;margin:0 0 30px;line-height:1.8}
.qeema-cta-banner__actions{position:relative;display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.qeema-cta-banner__btn{text-decoration:none!important;padding:14px 28px;border-radius:22px;font-weight:800;font-size:15px;transition:.3s ease;display:inline-block}
.qeema-cta-banner__btn.primary{background:#fff;color:#0a1830!important}
.qeema-cta-banner__btn.ghost{color:#fff!important;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.qeema-cta-banner__btn.ghost:hover{background:rgba(255,255,255,.22)}
.qeema-cta-banner__btn:hover{transform:translateY(-3px)}
.qeema-cta-banner__recap{position:relative;margin:26px 0 0;color:rgba(255,255,255,.75)!important;font-size:14px;font-weight:600}
@media(max-width:768px){.qeema-cta-banner__panel{padding:44px 26px}.qeema-cta-banner h2{font-size:28px}}

/* === sitewide preloader � "Mark Assemble": the real QT mark splits into its
   4 quadrants (via clip-path, all 4 are the same full image just masked to a
   different quarter) which fly in from the corners and snap together, hold,
   then break apart to repeat. The 50%/50% clip-path split on every shard is
   exact - anything off that (e.g. 52%) leaves an uncovered strip through the
   middle of the assembled mark. Markup printed by
   qeema_print_preloader_markup(), timing/dismissal in preloader.js. === */
#qeema-preloader{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#071320 0%,#0b1b31 45%,#142b4d 100%);transition:opacity .5s ease}
html.qeema-preloader-active{overflow:hidden}
.qeema-preloader__sr-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.qeema-preloader__assemble{position:relative;width:100px;height:100px;transition:opacity .4s ease,transform .4s ease}
.qeema-preloader__shard{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1);animation-duration:3.2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
.qeema-preloader__shard.tl{clip-path:inset(0 50% 50% 0);animation-name:qeemaShardTL}
.qeema-preloader__shard.tr{clip-path:inset(0 0 50% 50%);animation-name:qeemaShardTR}
.qeema-preloader__shard.bl{clip-path:inset(50% 50% 0 0);animation-name:qeemaShardBL}
.qeema-preloader__shard.br{clip-path:inset(50% 0 0 50%);animation-name:qeemaShardBR}
@keyframes qeemaShardTL{0%{transform:translate(-44px,-44px);opacity:0}30%,68%{transform:translate(0,0);opacity:1}100%{transform:translate(-44px,-44px);opacity:0}}
@keyframes qeemaShardTR{0%{transform:translate(44px,-44px);opacity:0}30%,68%{transform:translate(0,0);opacity:1}100%{transform:translate(44px,-44px);opacity:0}}
@keyframes qeemaShardBL{0%{transform:translate(-44px,44px);opacity:0}30%,68%{transform:translate(0,0);opacity:1}100%{transform:translate(-44px,44px);opacity:0}}
@keyframes qeemaShardBR{0%{transform:translate(44px,44px);opacity:0}30%,68%{transform:translate(0,0);opacity:1}100%{transform:translate(44px,44px);opacity:0}}
#qeema-preloader.qeema-preloader--done{opacity:0;pointer-events:none}
#qeema-preloader.qeema-preloader--done .qeema-preloader__assemble{opacity:0;transform:scale(.9)}
@media(prefers-reduced-motion:reduce){
	#qeema-preloader,#qeema-preloader .qeema-preloader__assemble{transition:opacity .2s linear}
	.qeema-preloader__shard{animation:none;opacity:1;transform:none}
}

/* === faq.css � purpose-built FAQ accordion widget. Head markup/styling is
   identical to why-us-steps/value-cards' badge+h2+p head (not approximated
   via separate native widgets) so spacing matches exactly. No +/- icon �
   the numbered chip alone signals each item, and fills solid on open. Open/
   close is a CSS grid-template-rows transition (no JS height measuring). === */
.qeema-faq{position:relative;padding:80px 30px;overflow:hidden}
.qeema-faq *{box-sizing:border-box}
.qeema-faq__glow{position:absolute;width:320px;height:320px;border-radius:50%;filter:blur(60px);pointer-events:none;z-index:0}
.qeema-faq__glow--a{top:-60px;inset-inline-end:-100px;background:radial-gradient(circle,rgba(139,92,246,.16),transparent 70%)}
.qeema-faq__glow--b{bottom:-60px;inset-inline-start:-100px;background:radial-gradient(circle,rgba(34,211,238,.14),transparent 70%)}
.qeema-faq__wrap{max-width:1600px;margin:auto;position:relative;z-index:1}
.qeema-faq__head{text-align:center;max-width:760px;margin:0 auto 50px}
.qeema-faq__badge{display:inline-block;padding:10px 16px;border-radius:22px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);color:#8feeff;font-size:14px;font-weight:700;margin-bottom:18px}
.qeema-faq__head h2{color:#fff;font-size:40px;line-height:1.4;margin:0 0 14px;font-weight:800}
.qeema-faq__head p{color:rgba(255,255,255,.78);font-size:18px;line-height:1.9;margin:0}
.qeema-faq__grid{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:900px){.qeema-faq__grid{grid-template-columns:repeat(2,1fr)}}
.qeema-faq-item{border:1px solid rgba(255,255,255,.10);border-radius:22px;background:rgba(10,24,46,.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.qeema-faq-item:hover{transform:translateY(-3px);border-color:rgba(34,211,238,.35)}
.qeema-faq-item.is-open{border-color:rgba(34,211,238,.4)}
.qeema-faq-item__q{display:flex;align-items:center;gap:14px;width:100%;background:none;border:0;margin:0;padding:20px 24px;color:inherit;font:inherit;text-align:inherit;cursor:pointer}
.qeema-faq-item__q:hover,.qeema-faq-item__q:focus{background:none}
.qeema-faq-item__q:focus-visible{outline:2px solid rgba(34,211,238,.6);outline-offset:-2px;border-radius:22px}
.qeema-faq-item__num{flex-shrink:0;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(16,207,255,.18),rgba(0,102,255,.12));border:1px solid rgba(34,211,238,.4);color:#22dcff;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;font-weight:800;box-shadow:0 0 14px rgba(34,211,238,.25);transition:background .3s ease,color .3s ease,transform .3s ease}
.qeema-faq-item.is-open .qeema-faq-item__num{background:linear-gradient(135deg,#10cfff,#0066ff);border-color:transparent;color:#fff;transform:scale(1.08)}
.qeema-faq-item__question{flex:1;min-width:0;white-space:normal;color:#fff;font-family:'Rubik',sans-serif;font-weight:700;font-size:16.5px;line-height:1.5;transition:color .3s ease}
.qeema-faq-item.is-open .qeema-faq-item__question{color:#22dcff}
.qeema-faq-item__a{display:grid;grid-template-rows:minmax(0,0fr);overflow:hidden;transition:grid-template-rows .4s ease}
.qeema-faq-item.is-open .qeema-faq-item__a{grid-template-rows:minmax(0,1fr)}
.qeema-faq-item__a-inner{overflow:hidden;min-height:0;padding:0 24px 20px;padding-inline-start:62px}
.qeema-faq-item__a-inner p{margin:0;color:rgba(255,255,255,.75);font-size:15px;line-height:1.9}
@media(max-width:768px){.qeema-faq{padding:56px 20px}.qeema-faq__head h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.qeema-faq-item,.qeema-faq-item__num,.qeema-faq-item__question,.qeema-faq-item__a{transition:none}}

/* === browser-showcase.css � floating "browser window" screenshot stack.
   Same glow+float+chip recipe already proven by the hero's phone_mockups
   visual (.qt-phones-glow/.qt-phone-mock/.qt-float-chip), adapted to wide
   browser-chrome frames arranged as one large centered window with two
   smaller tilted windows peeking from behind, instead of 3 equal siblings
   (which only reads well for the phones' narrow proportions). === */
.qeema-browser-showcase{position:relative;padding:40px 30px 110px;overflow:hidden}
.qeema-browser-showcase__head{text-align:center;max-width:760px;margin:0 auto 50px}
.qeema-browser-showcase__head h2{color:#fff;font-size:40px;line-height:1.4;margin:0 0 14px;font-weight:800}
.qeema-browser-showcase__head p{color:rgba(255,255,255,.78);font-size:18px;line-height:1.9;margin:0}
.qeema-browser-showcase__stage{position:relative;max-width:1040px;margin:0 auto;height:480px}
.qeema-browser-showcase__glow{position:absolute;top:50%;left:50%;width:440px;height:440px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(34,211,238,.26),transparent 70%);filter:blur(56px);z-index:0;animation:qtPhonesGlowMove 6s ease-in-out infinite}
.qeema-browser-mock{position:absolute;border-radius:22px;overflow:hidden;background:rgba(10,24,46,.55);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 30px 70px rgba(0,0,0,.35)}
.qeema-browser-mock__bar{display:flex;align-items:center;gap:7px;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03)}
.qeema-browser-mock__url{margin-inline-start:8px;padding:4px 14px;border-radius:22px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.55);font-size:11px;font-family:ui-monospace,Menlo,Consolas,monospace;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qeema-browser-mock__screen{width:100%;background-size:cover;background-position:top center;background-repeat:no-repeat}
.browser-a{width:540px;top:70px;left:calc(50% - 270px);z-index:3;animation:qeema-browser-float-a 4.6s ease-in-out infinite}
.browser-a .qeema-browser-mock__screen{height:320px}
.browser-b{width:300px;top:0;left:calc(50% - 470px);z-index:2;opacity:.9;animation:qeema-browser-float-b 5.2s ease-in-out infinite .3s}
.browser-b .qeema-browser-mock__screen{height:190px}
.browser-c{width:300px;top:150px;left:calc(50% + 170px);z-index:1;opacity:.85;animation:qeema-browser-float-c 4.9s ease-in-out infinite .6s}
.browser-c .qeema-browser-mock__screen{height:190px}
@keyframes qeema-browser-float-a{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes qeema-browser-float-b{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-10px) rotate(-6deg)}}
@keyframes qeema-browser-float-c{0%,100%{transform:translateY(0) rotate(6deg)}50%{transform:translateY(-12px) rotate(6deg)}}
.qeema-browser-showcase__chip{position:absolute;z-index:4}
/* Unique per-slot class names (not the shared bare .chip-a/.chip-b/.chip-c
   used sitewide by the phone_mockups hero visual) - an earlier version of
   this reused those bare names and, despite a compound-selector override for
   top/left, still inherited stray properties (bottom:4% on chip-c) from the
   original phone-mockup rule since that rule was never fully superseded,
   stretching the chip into a 441px-tall box. Fully separate names avoid any
   such cross-rule leakage regardless of which properties either rule sets. */
.qeema-browser-showcase__chip--a{top:260px;left:calc(50% - 430px)}
.qeema-browser-showcase__chip--b{bottom:10px;left:calc(50% - 60px)}
.qeema-browser-showcase__chip--c{top:20px;left:calc(50% + 420px)}
@media(max-width:1024px){.qeema-browser-showcase__stage{height:420px}.browser-a{width:440px;left:calc(50% - 220px)}.browser-a .qeema-browser-mock__screen{height:260px}.browser-b{width:240px;left:calc(50% - 380px)}.browser-b .qeema-browser-mock__screen{height:150px}.browser-c{width:240px;left:calc(50% + 140px);top:120px}.browser-c .qeema-browser-mock__screen{height:150px}.qeema-browser-showcase__chip--a{top:210px;left:calc(50% - 380px)}.qeema-browser-showcase__chip--c{top:20px;left:calc(50% + 340px)}}
@media(max-width:768px){.qeema-browser-showcase{padding:30px 20px 80px}.qeema-browser-showcase__head h2{font-size:28px}.qeema-browser-showcase__stage{height:auto;display:flex;gap:16px;overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:20px 4px 16px}.qeema-browser-showcase__stage::-webkit-scrollbar{display:none}.qeema-browser-showcase__glow{display:none}.browser-a,.browser-b,.browser-c{position:static;flex:0 0 min(88vw,420px);width:auto;top:auto;left:auto;right:auto;margin:0;opacity:1;z-index:auto;scroll-snap-align:center;animation:none}.browser-a .qeema-browser-mock__screen,.browser-b .qeema-browser-mock__screen,.browser-c .qeema-browser-mock__screen{height:240px}.qeema-browser-showcase__chip{display:none}}
@media(prefers-reduced-motion:reduce){.qeema-browser-showcase__glow,.browser-a,.browser-b,.browser-c,.qeema-browser-showcase__chip{animation:none}}

/* === blog-archive.css � Blog page's paginated grid + sticky sidebar ===
   Reuses .qeema-blog-card verbatim (every property on that bare class is a
   no-op outside a flex/scroll-snap parent, confirmed before reuse here) but
   inside a real CSS Grid with real WP pagination, since this is a true
   archive rather than the homepage's "latest posts" teaser carousel. */
.qeema-blog-archive__grid{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.qeema-blog-archive__grid .qeema-blog-card{flex:none}
.qeema-blog-archive__grid .qeema-blog-card__media{position:relative}
.qeema-blog-archive__badge{position:absolute;top:12px;inset-inline-start:12px;z-index:2;background:rgba(8,16,32,.75);border:1px solid rgba(255,255,255,.18);border-radius:22px;padding:5px 14px;font-size:12px;font-weight:700;color:#fff;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.qeema-blog-archive__readmore{display:inline-flex;align-items:center;gap:4px;margin-top:auto;padding:0 4px;font-size:14px;font-weight:700;color:#22dcff;transition:color .22s ease}
.qeema-blog-card:hover .qeema-blog-archive__readmore{color:#8feeff}
@media(max-width:1024px){.qeema-blog-archive__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.qeema-blog-archive__grid{grid-template-columns:1fr}}

.qeema-blog-pagination{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin:40px auto 0}
.qeema-blog-pagination span,.qeema-blog-pagination a{min-width:40px;height:40px;padding:0 14px;border-radius:22px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);color:#fff;text-decoration:none;font-weight:700;font-size:14px;transition:background .2s ease,border-color .2s ease}
.qeema-blog-pagination a:hover{background:rgba(255,255,255,.1);border-color:rgba(34,211,238,.4)}
.qeema-blog-pagination span.current{background:linear-gradient(135deg,#10cfff,#0066ff);border-color:transparent}
.qeema-blog-pagination span.dots{background:none;border:none}

.qeema-blog-sidebar-latest{padding:24px;border-radius:22px;background:rgba(10,24,46,.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.10)}
.qeema-blog-sidebar-latest h5{color:#fff;font-size:18px;font-weight:800;margin:0 0 16px}
.qeema-blog-sidebar-latest__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
.qeema-blog-sidebar-latest__link{display:flex;align-items:center;gap:12px;text-decoration:none}
.qeema-blog-sidebar-latest__thumb{width:64px;height:64px;flex-shrink:0;border-radius:22px;overflow:hidden}
.qeema-blog-sidebar-latest__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.qeema-blog-sidebar-latest__meta{display:flex;flex-direction:column;gap:4px;min-width:0}
.qeema-blog-sidebar-latest__title{color:#fff;font-size:14px;font-weight:700;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}
.qeema-blog-sidebar-latest__date{color:rgba(255,255,255,.55);font-size:12px}
.qeema-blog-sidebar-latest__link:hover .qeema-blog-sidebar-latest__title{color:#22dcff}

/* === works-archive.css � ??????? page hero slider + filter tabs.
   The slide visuals reuse .qt-phone-mock/.qeema-browser-mock/.qt-float-chip
   shape classes verbatim (those set no position of their own) but use their
   OWN qeema-works-hero__* position classes rather than the bare
   .phone-a/b/c, .browser-a and .chip-a/b/c slot classes � those are
   percentage/fixed-position globals tuned for their original, differently
   sized stage, and this file's own browser-showcase.css block already shows
   what happens reusing a bare positioned slot class in a new container (a
   leaked property inflated a chip to 441px tall). The portfolio grid itself
   below reuses .qeema-portfolio-grid* and .qeema-blog-pagination verbatim �
   those ARE safe, confirmed by direct read: no bare per-slot position
   classes, sizing driven by the real CSS Grid wrapper, not a fixed stage. */
.qeema-works-hero{
  /* unified with the shared aurora background (body::before) instead of
     this widget's own separate gradient/solid fallback */
  position:relative;overflow:hidden;padding:70px 48px 72px;
  font-family:"Readex Pro",Rubik,sans-serif;
}
.qeema-works-hero__stage{position:relative;max-width:1240px;margin:0 auto;min-height:440px}
.qeema-works-hero__slide{position:absolute;inset:0;display:flex;align-items:center;gap:60px;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility 0s .5s}
.qeema-works-hero__slide.is-active{opacity:1;visibility:visible;transition:opacity .5s ease}
.qeema-works-hero__content{flex:1 1 420px;min-width:0;position:relative;z-index:2}
.qeema-works-hero__badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:22px;background:rgba(8,18,36,.75);border:1px solid rgba(56,189,248,.28);color:#dbeafe;font-size:13px;font-weight:600;margin:0 0 18px}
.qeema-works-hero__heading{color:#fff;font-size:clamp(28px,3.6vw,40px);line-height:1.35;font-weight:800;margin:0 0 16px}
.qeema-works-hero__description{color:rgba(226,232,240,.78);font-size:16px;line-height:1.85;margin:0 0 26px;max-width:520px}
.qeema-works-hero__ctas{display:flex;gap:14px;flex-wrap:wrap}
.qeema-works-hero__visual{position:relative;flex:1 1 420px;min-width:280px;height:400px;display:flex;align-items:center;justify-content:center}
.qeema-works-hero__dots{display:flex;justify-content:center;gap:10px;margin-top:22px;position:relative;z-index:5}
.qeema-works-hero__dot{position:relative;width:10px;height:10px;border-radius:50%;border:none;padding:0;background:rgba(255,255,255,.25);cursor:pointer;transition:background .25s ease,transform .25s ease}
.qeema-works-hero__dot::before{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%)}
.qeema-works-hero__dot.is-active{background:linear-gradient(135deg,#10cfff,#0066ff);transform:scale(1.3)}
.qeema-works-hero__phone--a{top:6%;left:calc(50% - 90px);z-index:3;animation:qtPhoneFloatA 4.2s ease-in-out infinite}
.qeema-works-hero__phone--b{top:20%;left:calc(50% + 40px);z-index:2;opacity:.9;animation:qtPhoneFloatB 5s ease-in-out infinite .3s}
.qeema-works-hero__phone--c{top:2%;left:calc(50% + 150px);z-index:1;opacity:.82;animation:qtPhoneFloatC 4.6s ease-in-out infinite .6s}
.qeema-works-hero__chip--a,.qeema-works-hero__chip--b,.qeema-works-hero__chip--c{position:absolute;z-index:4}
.qeema-works-hero__chip--a{top:4%;left:calc(50% - 210px)}
.qeema-works-hero__chip--b{bottom:20%;left:calc(50% - 30px)}
.qeema-works-hero__chip--c{bottom:2%;left:calc(50% + 140px)}
.qeema-works-hero__browser{position:absolute;width:min(100%,420px);top:16px;left:50%;transform:translateX(-50%);z-index:2}
.qeema-works-hero__browser-screen{height:230px;background:linear-gradient(160deg,rgba(16,207,255,.18),rgba(0,102,255,.10))}
/* "Site build" animated skeleton inside the browser-mockup screen � a small
   looping story (nav + hero copy draw in, a cursor arrives and clicks the
   CTA, a feature row reveals) rather than a static empty gradient. All 8s
   cycle-relative keyframes share the same 8s duration so their staggered
   `animation-delay`s stay in sync; percentages are chosen so the whole scene
   fades back to nothing right before the loop restarts. */
.qeema-site-build{position:relative;overflow:hidden;direction:ltr}
.qeema-site-build__nav{position:absolute;top:18px;left:20px;right:20px;display:flex;align-items:center;gap:8px;height:14px}
.qeema-site-build__logo-dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#10cfff,#0066ff);flex-shrink:0;animation:qeema-build-pulse 2.2s ease-in-out infinite}
.qeema-site-build__nav-link{height:6px;border-radius:4px;background:rgba(255,255,255,.28);opacity:0;transform-origin:left center;transform:scaleX(0);animation:qeema-build-grow 4s ease-in-out infinite}
.qeema-site-build__nav-link.l1{width:34px;margin-inline-start:10px;animation-delay:0s}
.qeema-site-build__nav-link.l2{width:26px;animation-delay:.075s}
.qeema-site-build__nav-link.l3{width:40px;margin-inline-start:auto;background:rgba(34,211,238,.5);animation-delay:.15s}
.qeema-site-build__hero{position:absolute;top:50px;left:20px;right:20px;display:flex;flex-direction:column;gap:8px}
.qeema-site-build__bar{display:block;height:10px;border-radius:5px;background:rgba(255,255,255,.85);opacity:0;transform-origin:left center;transform:scaleX(0);animation:qeema-build-grow 4s ease-in-out infinite}
.qeema-site-build__bar.big{width:78%;animation-delay:.3s}
.qeema-site-build__bar.big.w2{width:56%;background:rgba(255,255,255,.55);animation-delay:.65s}
.qeema-site-build__bar.small{height:6px;width:42%;background:rgba(255,255,255,.32);margin-top:2px;animation-delay:.95s}
.qeema-site-build__cta{display:block;width:76px;height:22px;border-radius:22px;margin-top:10px;background:linear-gradient(135deg,#10cfff,#0066ff);box-shadow:0 8px 20px rgba(16,207,255,.35);opacity:0;transform:scale(.7);animation:qeema-build-cta 4s ease-in-out infinite}
.qeema-site-build__features{position:absolute;left:20px;bottom:20px;display:flex;gap:10px}
.qeema-site-build__feature{width:24px;height:24px;border-radius:22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);opacity:0;transform:translateY(12px);animation:qeema-build-feature 4s ease-in-out infinite}
.qeema-site-build__feature:nth-child(1){animation-delay:2.35s}
.qeema-site-build__feature:nth-child(2){animation-delay:2.425s}
.qeema-site-build__feature:nth-child(3){animation-delay:2.5s}
.qeema-site-build__feature i{display:block;width:10px;height:10px;margin:6px auto 0;border-radius:50%;background:rgba(34,211,238,.7)}
.qeema-site-build__cursor{position:absolute;top:106px;left:44px;width:14px;height:14px;z-index:3;opacity:0;animation:qeema-build-cursor 4s ease-in-out infinite}
.qeema-site-build__cursor::before{content:"";position:absolute;inset:0;border-radius:50% 50% 50% 4px;background:#fff;box-shadow:0 3px 10px rgba(0,0,0,.35);transform:rotate(-45deg)}
@keyframes qeema-build-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.25)}}
@keyframes qeema-build-grow{0%,4%{opacity:0;transform:scaleX(0)}10%{opacity:1}14%,86%{opacity:1;transform:scaleX(1)}94%,100%{opacity:0;transform:scaleX(0)}}
@keyframes qeema-build-cta{
	0%,40%{opacity:0;transform:scale(.7)}
	48%{opacity:1;transform:scale(1)}
	61%{transform:scale(1)}
	63%{transform:scale(.85)}
	67%{transform:scale(1.05)}
	72%,86%{transform:scale(1)}
	94%,100%{opacity:0;transform:scale(.7)}
}
@keyframes qeema-build-feature{
	0%,55%{opacity:0;transform:translateY(12px)}
	65%,86%{opacity:1;transform:translateY(0)}
	94%,100%{opacity:0;transform:translateY(12px)}
}
@keyframes qeema-build-cursor{
	0%,42%{opacity:0;transform:translate(50px,45px)}
	50%{opacity:1}
	60%{transform:translate(0,0)}
	63%{transform:translate(0,0) scale(.8)}
	67%{transform:translate(0,0) scale(1)}
	78%,86%{opacity:1;transform:translate(0,0)}
	94%,100%{opacity:0;transform:translate(0,0)}
}
@media(prefers-reduced-motion:reduce){
	.qeema-site-build__logo-dot,.qeema-site-build__nav-link,.qeema-site-build__bar,.qeema-site-build__cta,.qeema-site-build__feature{animation:none;opacity:1;transform:none}
	.qeema-site-build__cursor{display:none}
}
.qt-catcard-widget{position:relative;z-index:2;width:100%;max-width:440px;direction:ltr}
.qt-catcard-card{position:relative;border-radius:22px;background:rgba(10,24,46,.5);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 26px 80px rgba(0,0,0,.32);overflow:hidden}
.qt-catcard-top{height:48px;display:flex;align-items:center;gap:8px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03)}
.qt-catcard-title{margin-left:10px;color:rgba(255,255,255,.78);font:650 12px/1.2 ui-monospace,Menlo,Consolas,"Courier New",monospace;letter-spacing:.7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qt-catcard-body{position:relative;display:flex;align-items:center;gap:20px;padding:28px 24px}
.qt-catcard-icon-tile{position:relative;flex:0 0 100px;width:100px;height:100px;border-radius:22px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#10cfff,#0066ff);box-shadow:0 18px 40px rgba(16,207,255,.3);animation:qeema-icon-breathe 4s ease-in-out infinite}
.qt-catcard-icon-tile i{font-size:38px;color:#fff}
.qt-catcard-icon-shine-mask{position:absolute;inset:0;border-radius:22px;overflow:hidden;pointer-events:none}
.qt-catcard-icon-shine{position:absolute;inset:-60% -20%;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.4) 50%,transparent 58%);background-size:250% 100%;background-position:180% 0;animation:qeema-icon-shine 4.6s ease-in-out infinite}
@keyframes qeema-icon-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
@keyframes qeema-icon-shine{0%,55%{background-position:180% 0}85%,100%{background-position:-60% 0}}
.qt-catcard-rail{position:relative;width:3px;align-self:stretch;border-radius:3px;background:rgba(255,255,255,.10);overflow:hidden;flex:0 0 3px}
.qt-catcard-rail__fill{position:absolute;top:0;left:0;width:100%;height:0;border-radius:3px;background:linear-gradient(180deg,#10cfff,#0066ff);box-shadow:0 0 12px rgba(34,211,238,.5);animation:qeema-catcard-rail 6s ease-in-out infinite}
@keyframes qeema-catcard-rail{0%,4%{height:0}30%,85%{height:100%}94%,100%{height:0}}
.qt-catcard-steps{display:flex;flex-direction:column;gap:16px;flex:1 1 auto;min-width:0}
.qt-catcard-step{display:flex;align-items:center;gap:10px}
.qt-catcard-step__dot{position:relative;flex:0 0 24px;width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;color:transparent;animation:qeema-catcard-step-dot 6s ease-in-out infinite;animation-delay:calc(var(--i,0) * .35s)}
.qt-catcard-step__dot svg{width:12px;height:12px}
.qt-catcard-step__label{color:rgba(255,255,255,.4);font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:qeema-catcard-step-label 6s ease-in-out infinite;animation-delay:calc(var(--i,0) * .35s)}
@keyframes qeema-catcard-step-dot{0%,4%{border-color:rgba(255,255,255,.25);background:transparent;color:transparent;transform:scale(1)}10%{border-color:#22d3ee;background:linear-gradient(135deg,#10cfff,#0066ff);color:#fff;transform:scale(1.18)}16%,85%{border-color:#22d3ee;background:linear-gradient(135deg,#10cfff,#0066ff);color:#fff;transform:scale(1)}94%,100%{border-color:rgba(255,255,255,.25);background:transparent;color:transparent;transform:scale(1)}}
@keyframes qeema-catcard-step-label{0%,4%{color:rgba(255,255,255,.4)}10%,85%{color:rgba(255,255,255,.92)}94%,100%{color:rgba(255,255,255,.4)}}
@media(max-width:900px){
	.qeema-works-hero__slide{flex-direction:column;text-align:center;gap:24px;padding-top:20px}
	.qeema-works-hero__description{margin-inline:auto}
	.qeema-works-hero__ctas{justify-content:center}
	.qeema-works-hero__visual{width:100%;flex:0 0 260px;height:260px}
	.qeema-works-hero__phone--a,.qeema-works-hero__phone--b,.qeema-works-hero__phone--c{transform:scale(.78)}
	/* Desktop's +150px/-90px offsets only fit a wide stage; on the shrunk
	   mobile/tablet visual box they push .qeema-works-hero__phone--c (and
	   its neighbours) past the container edge. Recenter into a tighter
	   cluster, matching about-hero-widget.php's own phone-mockups precedent
	   (.phone-a/b/c, ~line 88) of tightening offsets and hiding the floating
	   chip labels once the stage shrinks below its designed width. */
	.qeema-works-hero__phone--a{top:8%;left:calc(50% - 70px)}
	.qeema-works-hero__phone--b{top:22%;left:calc(50% + 4px)}
	.qeema-works-hero__phone--c{top:4%;left:calc(50% + 68px)}
	.qeema-works-hero__chip--a,.qeema-works-hero__chip--b,.qeema-works-hero__chip--c{display:none}
	.qt-catcard-widget{max-width:340px}
	.qt-catcard-icon-tile{flex-basis:76px;width:76px;height:76px}
	.qt-catcard-icon-tile i{font-size:30px}
	.qt-catcard-step__label{font-size:12px}
	.qt-catcard-steps{gap:12px}
}
@media(max-width:600px){
	.qeema-works-hero{padding:60px 20px 70px}
	/* Narrower still (≤600px, matching about-hero's own 600px tier): tighten
	   phone-a/b further and drop phone-c entirely, same "hide the least
	   essential mockup" pattern about-hero already uses for .phone-c. */
	.qeema-works-hero__phone--a{top:10%;left:calc(50% - 80px)}
	.qeema-works-hero__phone--b{top:30%;left:calc(50% + 10px)}
	.qeema-works-hero__phone--c{display:none}
}
@media(prefers-reduced-motion:reduce){
	.qeema-works-hero__phone--a,.qeema-works-hero__phone--b,.qeema-works-hero__phone--c{animation:none}
	.qt-catcard-icon-tile,.qt-catcard-icon-shine,.qt-catcard-rail__fill,.qt-catcard-step__dot,.qt-catcard-step__label{animation:none!important}
	.qt-catcard-rail__fill{height:100%!important}
	.qt-catcard-step__dot{border-color:#22d3ee!important;background:linear-gradient(135deg,#10cfff,#0066ff)!important;color:#fff!important}
	.qt-catcard-step__label{color:rgba(255,255,255,.92)!important}
}

/* === works-hero "facets" visual � "Store Screens": two phone mockups
   styled after the real Google Play / App Store browsing screens, used on
   the Live App page hero. Built at a comfortable authoring size, then the
   whole two-phone group is scaled down as one unit (.qeema-store-screens)
   to fit the hero's box � keeps every internal proportion (fonts, radii,
   spacing) consistent instead of hand-tuning dozens of sub-rules per
   breakpoint. === */
.qeema-store-screens__glow{position:absolute;top:50%;left:50%;width:460px;height:460px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(34,211,238,.14),transparent 70%);filter:blur(50px);animation:qtStoreGlowPulse 6s ease-in-out infinite;z-index:0}
@keyframes qtStoreGlowPulse{0%,100%{opacity:.75;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}}
.qeema-store-screens{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.82);transform-origin:center center;z-index:1;display:flex;gap:40px;align-items:flex-start}
.qeema-store-col{display:flex;flex-direction:column;align-items:center;gap:14px}
.qeema-store-col__label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:800;color:#fff;white-space:nowrap}
.qeema-store-col__label .dot{width:8px;height:8px;border-radius:50%}
.qeema-store-col--play .dot{background:#3ddc84;box-shadow:0 0 10px #3ddc84}
.qeema-store-col--apple .dot{background:#0a84ff;box-shadow:0 0 10px #0a84ff}

.qeema-store-phone{width:230px;height:478px;border-radius:22px;background:#050505;padding:9px;box-shadow:0 34px 80px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.05) inset;animation:qtStorePhoneFloat 5.5s ease-in-out infinite}
.qeema-store-col--apple .qeema-store-phone{animation-delay:.7s}
@keyframes qtStorePhoneFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.qeema-store-phone__notch{width:104px;height:19px;border-radius:0 0 22px 22px;background:#050505;margin:0 auto -19px;position:relative;z-index:2}
.qeema-store-phone__screen{position:relative;width:100%;height:100%;border-radius:22px;overflow:hidden;background:#0e1420;display:flex;flex-direction:column}
.qeema-store-statusbar{display:flex;align-items:center;justify-content:space-between;padding:12px 17px 4px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:10px;color:rgba(255,255,255,.7)}
.qeema-store-statusbar__icons{display:flex;gap:5px;align-items:center}
.qeema-sb-bar{display:flex;gap:2px;align-items:flex-end;height:7px}
.qeema-sb-bar span{width:2.5px;background:rgba(255,255,255,.7);border-radius:1px}
.qeema-sb-bar span:nth-child(1){height:3px}.qeema-sb-bar span:nth-child(2){height:4.5px}.qeema-sb-bar span:nth-child(3){height:6px}.qeema-sb-bar span:nth-child(4){height:7px}
.qeema-sb-battery{width:16px;height:8px;border:1px solid rgba(255,255,255,.7);border-radius:2px;position:relative}
.qeema-sb-battery::after{content:'';position:absolute;inset:1.5px;width:70%;background:rgba(255,255,255,.7);border-radius:1px}

.qeema-play-header{padding:5px 16px 12px}
.qeema-play-header__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.qeema-play-header__title{font-size:16px;font-weight:800;color:#fff}
.qeema-play-header__avatar{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#3ddc84,#1a9c5c)}
.qeema-play-search{display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.07);border-radius:22px;padding:8px 14px}
.qeema-play-search__icon{width:12px;height:12px;border:1.4px solid rgba(255,255,255,.5);border-radius:50%;position:relative;flex-shrink:0}
.qeema-play-search__icon::after{content:'';position:absolute;width:5px;height:1.4px;background:rgba(255,255,255,.5);bottom:-3px;right:-2px;transform:rotate(45deg)}
.qeema-play-search span{font-size:11px;color:rgba(255,255,255,.5)}
.qeema-play-tabs{display:flex;gap:15px;padding:2px 16px 10px;border-bottom:1px solid rgba(255,255,255,.08)}
.qeema-play-tab{font-size:10.5px;color:rgba(255,255,255,.42);font-weight:700;padding-bottom:7px}
.qeema-play-tab.is-active{color:#3ddc84;border-bottom:2px solid #3ddc84}
.qeema-play-section-title{font-size:11.5px;font-weight:800;color:#fff;padding:12px 16px 5px}

.qeema-apple-header{padding:12px 16px 10px}
.qeema-apple-header__title{font-size:20px;font-weight:800;color:#fff}
.qeema-apple-feature{position:relative;margin:8px 12px 10px;height:74px;border-radius:22px;overflow:hidden;background:linear-gradient(135deg,rgba(10,132,255,.22),rgba(34,211,238,.12))}
.qeema-apple-feature__slide{position:absolute;inset:0;padding:14px;display:flex;align-items:center;gap:10px;opacity:0;animation:qtAppleFeatureCrossfade 8s ease-in-out infinite}
.qeema-apple-feature__slide:nth-child(2){animation-delay:-4s}
@keyframes qtAppleFeatureCrossfade{0%,42%{opacity:1}50%,92%{opacity:0}100%{opacity:1}}
.qeema-apple-feature__plate{width:46px;height:46px;border-radius:22px;background:#fff;overflow:hidden;flex-shrink:0;box-shadow:0 7px 16px rgba(0,0,0,.3)}
.qeema-apple-feature__plate img{width:100%;height:100%;object-fit:cover}
.qeema-apple-feature__eyebrow{font-size:9px;color:rgba(255,255,255,.6);font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.qeema-apple-feature__title{font-size:12px;font-weight:800;color:#fff;margin-top:2px}
.qeema-apple-section-title{font-size:11.5px;font-weight:800;color:#fff;padding:6px 16px 3px}

.qeema-store-list{flex:1;overflow:hidden;padding:0 12px;position:relative;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 88%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 88%,transparent)}
.qeema-store-track{display:block;animation:qtStoreScroll 16s linear infinite}
@keyframes qtStoreScroll{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}
.qeema-store-row{display:flex;align-items:center;gap:10px;padding:8px 4px;text-decoration:none;color:inherit}
.qeema-store-row__plate{width:38px;height:38px;border-radius:22px;background:#fff;overflow:hidden;flex-shrink:0;box-shadow:0 6px 13px rgba(0,0,0,.3)}
.qeema-store-row__plate img{width:100%;height:100%;object-fit:cover}
.qeema-store-row__meta{min-width:0;flex:1}
.qeema-store-row__name{font-size:11px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qeema-store-row__sub{font-size:9px;color:rgba(255,255,255,.42);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qeema-store-row__btn{flex-shrink:0;font-size:9.5px;font-weight:800;padding:5px 12px;border-radius:22px;white-space:nowrap}
.qeema-store-col--play .qeema-store-row__btn{border:1.2px solid #3ddc84;color:#3ddc84;background:transparent;animation:qtBtnPulsePlay 3.4s ease-in-out infinite}
.qeema-store-col--apple .qeema-store-row__btn{background:#0a84ff;color:#fff;animation:qtBtnPulseApple 3.4s ease-in-out infinite}
.qeema-store-row:nth-child(2) .qeema-store-row__btn{animation-delay:.5s}
.qeema-store-row:nth-child(3) .qeema-store-row__btn{animation-delay:1s}
.qeema-store-row:nth-child(4) .qeema-store-row__btn{animation-delay:1.5s}
@keyframes qtBtnPulsePlay{0%,100%{box-shadow:0 0 0 rgba(61,220,132,0)}50%{box-shadow:0 0 10px rgba(61,220,132,.5)}}
@keyframes qtBtnPulseApple{0%,100%{box-shadow:0 0 0 rgba(10,132,255,0)}50%{box-shadow:0 0 12px rgba(10,132,255,.6)}}

.qeema-store-phone__tabbar{display:flex;justify-content:space-around;padding:9px 6px 12px;border-top:1px solid rgba(255,255,255,.08);margin-top:auto}
.qeema-tabbar-item{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:8px;color:rgba(255,255,255,.38);font-weight:700}
.qeema-tabbar-item__icon{width:16px;height:16px;border-radius:4px;background:rgba(255,255,255,.15)}
.qeema-tabbar-item.is-active{color:#fff}
.qeema-store-col--play .qeema-tabbar-item.is-active .qeema-tabbar-item__icon{background:#3ddc84}
.qeema-store-col--apple .qeema-tabbar-item.is-active .qeema-tabbar-item__icon{background:#0a84ff;border-radius:50%}

@media(max-width:900px){
	.qeema-store-screens{transform:translate(-50%,-50%) scale(.46)}
	/* single-slide instances (the 6 category pages + live-app) don't need
	   the crossfade stacking that position:absolute exists for, and it was
	   squeezing the visual to near-zero height against tall mobile text �
	   scoped to --single so the actual multi-slide ??????? archive carousel
	   is untouched. */
	.qeema-works-hero--single .qeema-works-hero__slide{position:relative;inset:auto}
	.qeema-works-hero--single .qeema-works-hero__stage{min-height:auto}
	.qeema-works-hero--single .qeema-works-hero__visual{flex-shrink:0}
}
@media(max-width:600px){
	.qeema-store-col--apple{display:none}
	.qeema-store-screens{transform:translate(-50%,-50%) scale(.75)}
	/* At this scale a single store-phone column renders ~385px tall, well
	   past the shared .qeema-works-hero__visual{height:260px} box - it was
	   spilling ~62px above the container and visually colliding with the
	   CTA buttons above it. Only the facets variant needs the taller box;
	   the browser/phone/icon visuals already fit 260px fine. */
	.qeema-works-hero__visual--facets{flex:0 0 400px;height:400px}
}
@media(prefers-reduced-motion:reduce){
	.qeema-store-screens__glow,.qeema-store-phone,.qeema-store-track,.qeema-store-row__btn,.qeema-apple-feature__slide{animation:none}
	.qeema-apple-feature__slide:first-child{opacity:1}
}
@media(prefers-reduced-motion:reduce){
	.case-spot,.case-particle,.facet-glow,.facet-ring--outer,.facet-ring--inner,.facet-sheen,.facet-glint{animation:none}
}

/* === portfolio archive — same transparent page-bg treatment === */
.qeema-portfolio-archive{
  position:relative;isolation:auto;padding:56px 24px 80px;text-align:center;
  background:transparent;
  font-family:"Readex Pro",Rubik,sans-serif;
}
.qeema-portfolio-archive__wrap{max-width:1240px;margin:0 auto}
.qeema-portfolio-archive__head{max-width:760px;margin:0 auto 28px}
.qeema-portfolio-archive__badge{
  display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;padding:8px 16px;
  border-radius:22px;background:rgba(8,18,36,.75);border:1px solid rgba(56,189,248,.28);
  color:#dbeafe;font-size:13px;font-weight:600;
}
.qeema-portfolio-archive__badge-icon{
  width:18px;height:18px;border-radius:50%;
  background:radial-gradient(circle at 35% 35%,#7dd3fc,#0284c7 70%);
  box-shadow:0 0 12px rgba(56,189,248,.55);
}
.qeema-portfolio-archive__title{color:#fff;font-size:clamp(28px,3.6vw,40px);line-height:1.35;font-weight:800;margin:0 0 14px}
.qeema-portfolio-archive__lead{color:rgba(226,232,240,.78);font-size:16px;line-height:1.85;margin:0 auto;max-width:52ch}
.qeema-portfolio-archive__filters{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:0 0 28px;padding:0}
.qeema-portfolio-archive__filter{
  padding:10px 18px;border-radius:22px;background:rgba(8,18,36,.7);
  border:1px solid rgba(56,189,248,.28);color:#e2e8f0;text-decoration:none;
  font-size:13.5px;font-weight:600;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,color .25s ease;
}
.qeema-portfolio-archive__filter:hover{border-color:rgba(56,189,248,.55);color:#fff;box-shadow:0 0 18px rgba(56,189,248,.18)}
.qeema-portfolio-archive__filter.is-active{
  background:linear-gradient(135deg,#38bdf8,#0ea5e9);border-color:transparent;color:#04101f;
  box-shadow:0 10px 28px rgba(14,165,233,.35);
}
.qeema-portfolio-archive__filter.is-active:hover{color:#04101f}
.qeema-portfolio-archive__empty{text-align:center;color:rgba(255,255,255,.6);padding:60px 20px}
.qeema-portfolio-archive__more{display:flex;flex-direction:column;align-items:center;gap:14px;margin:36px auto 0;min-height:56px}
.qeema-portfolio-archive__more.is-done{display:none}
.qeema-portfolio-archive__loading{margin:0;color:rgba(125,211,252,.9);font-size:13.5px;font-weight:600}
.qeema-portfolio-archive__more.is-loading .qeema-portfolio-archive__loading{display:block}
.qeema-portfolio-grid__item--enter{opacity:0;transform:translateY(18px) scale(.97)}
.qeema-portfolio-grid__item--enter.is-in{opacity:1;transform:none;transition:opacity .35s ease,transform .35s cubic-bezier(.2,.8,.2,1)}
/* Defer paint for cards below the first fold of the archive grid only. */
.qeema-portfolio-archive .qeema-portfolio-grid__item:nth-child(n+9){content-visibility:auto;contain-intrinsic-size:auto none auto 420px}
.qeema-portfolio-main{padding:0;background:transparent}
/* Drop the older �??? ???????� about-hero sitting above the archive grid � the archive now owns that intro. */
.e-con:has(+ .qeema-portfolio-main) .qeema-about-hero{display:none}
.qeema-portfolio-archive__ajax.is-loading,.qeema-blog-archive__ajax.is-loading{opacity:.5;transition:opacity .2s ease;pointer-events:none}
@media(prefers-reduced-motion:reduce){
  .qeema-portfolio-grid__item--enter,.qeema-portfolio-grid__item--enter.is-in{transition:none;opacity:1;transform:none}
}

/* === thank-you-hero.css � success-state hero for the post-submission
   confirmation page. Checkmark glow ring pulses twice on load then settles;
   colors stay inside the site's own accent palette (cyan/blue gradient),
   never a generic green "success" tone, so it still reads as this brand. ===*/
/* 105px = body's own padding-top reserved sitewide for the fixed header
   (measured constant across all breakpoints) � subtracted so the section
   actually fits in one viewport instead of needing 105px of scroll to see
   the bottom of the card. */
.qeema-thank-you-hero{position:relative;overflow:hidden;padding:40px 30px;text-align:center;min-height:calc(100vh - 105px);display:flex;align-items:center;justify-content:center;box-sizing:border-box}
.qeema-thank-you-hero__wrap{max-width:720px;width:100%;margin:auto;position:relative;overflow:hidden;z-index:1;display:flex;flex-direction:column;align-items:center;border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:56px 46px;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;box-sizing:border-box}
.qeema-thank-you-hero__wrap::before{content:"";position:absolute;z-index:-1;top:-40%;inset-inline-end:-30%;width:70%;height:90%;background:radial-gradient(circle,rgba(34,211,238,.16),transparent 70%);pointer-events:none}
.qeema-thank-you-hero__wrap:hover{border-color:rgba(34,211,238,.4);box-shadow:0 16px 50px rgba(34,211,238,.14),inset 0 1px 0 rgba(255,255,255,.1)}
.qeema-thank-you-hero__mark{position:relative;width:110px;height:110px;margin-bottom:30px;display:flex;align-items:center;justify-content:center}
.qeema-thank-you-hero__ring{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(34,211,238,.35)}
.qeema-thank-you-hero__ring--1{animation:qtThankYouPulse 2.6s ease-out infinite}
.qeema-thank-you-hero__ring--2{animation:qtThankYouPulse 2.6s ease-out infinite 1.3s}
.qeema-thank-you-hero__check{position:relative;z-index:1;width:78px;height:78px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#10cfff,#0066ff);box-shadow:0 20px 50px rgba(16,207,255,.35)}
.qeema-thank-you-hero__check i{font-size:32px;color:#fff}
@keyframes qtThankYouPulse{0%{transform:scale(.9);opacity:.8}100%{transform:scale(1.6);opacity:0}}
.qeema-thank-you-hero__badge{display:inline-block;padding:10px 16px;border-radius:22px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);color:#8feeff;font-size:14px;font-weight:700;margin-bottom:18px}
.qeema-thank-you-hero__heading{color:#fff;font-size:42px;line-height:1.4;font-weight:800;margin:0 0 16px}
.qeema-thank-you-hero__subheading{color:rgba(255,255,255,.78);font-size:18px;line-height:1.9;margin:0 0 32px;max-width:560px}
.qeema-thank-you-hero__actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
@media(max-width:600px){.qeema-thank-you-hero{padding:24px 16px}.qeema-thank-you-hero__wrap{padding:36px 24px;border-radius:22px}.qeema-thank-you-hero__heading{font-size:28px}.qeema-thank-you-hero__mark{width:88px;height:88px;margin-bottom:22px}.qeema-thank-you-hero__check{width:62px;height:62px}.qeema-thank-you-hero__check i{font-size:26px}}
@media(prefers-reduced-motion:reduce){.qeema-thank-you-hero__ring{animation:none!important;opacity:0}}

/* === thank-you-social.css � compact closing "stay connected" strip: real
   contact + social pills. Deliberately its own light section rather than
   reusing category-showcase's card grid � a link row, not a feature pitch. ===*/
.qeema-thank-you-social{padding:60px 30px}
.qeema-thank-you-social__wrap{max-width:900px;margin:auto;text-align:center}
.qeema-thank-you-social__head{margin-bottom:30px}
.qeema-thank-you-social__badge{display:inline-block;padding:10px 16px;border-radius:22px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);color:#8feeff;font-size:14px;font-weight:700;margin-bottom:18px}
.qeema-thank-you-social__head h2{color:#fff;font-size:32px;line-height:1.4;margin:0;font-weight:800}
.qeema-thank-you__social-row{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.qeema-thank-you__pill{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:22px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);color:#fff;text-decoration:none;font-size:14px;font-weight:700;transition:background .25s ease,border-color .25s ease,transform .25s ease}
.qeema-thank-you__pill:hover{background:rgba(34,211,238,.12);border-color:rgba(34,211,238,.35);color:#fff;transform:translateY(-2px)}
.qeema-thank-you__pill i{color:#8feeff;font-size:15px}
@media(max-width:600px){.qeema-thank-you-social{padding:44px 20px}.qeema-thank-you-social__head h2{font-size:24px}}

/* Post 869 only: category-showcase is reused twice on the thank-you page
   with 3 items each, but its shared grid is repeat(5) above 1024px for the
   catalog's usual 5-item sections � override scoped to this page's body
   class so every other category-showcase usage (e.g. post 849) is untouched. */
body.page-id-869 .qeema-category-showcase__grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:900px;margin:0 auto}

/* === bank-details.css � labeled-row card for wiring-instruction pages.
   Values are monospace + forced ltr (set in the widget markup) so IBAN/SWIFT
   strings never visually reverse inside this RTL site; that's a correctness
   requirement here, not a style choice. ===*/
.qeema-bank-details{padding:80px 30px;text-align:center}
.qeema-bank-details__wrap{max-width:1180px;margin:auto}
.qeema-bank-details__head{margin-bottom:34px}
.qeema-bank-details__badge{display:inline-block;padding:10px 16px;border-radius:22px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);color:#8feeff;font-size:14px;font-weight:700;margin-bottom:18px}
.qeema-bank-details__head h1{color:#fff;font-size:36px;line-height:1.4;margin:0 0 14px;font-weight:800}
.qeema-bank-details__head p{color:rgba(255,255,255,.78);font-size:16px;line-height:1.85;margin:0}
.qeema-bank-details__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;text-align:right}
.qeema-bank-details__account{position:relative;overflow:hidden;background:rgba(9,20,40,.82);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.10);border-radius:22px;padding:24px 22px 6px;transition:border-color .3s ease,box-shadow .3s ease}
.qeema-bank-details__account::before{content:"";position:absolute;z-index:-1;top:-30px;inset-inline-end:-30px;width:150px;height:150px;background:radial-gradient(circle,rgba(34,211,238,.22),transparent 72%);pointer-events:none}
.qeema-bank-details__account:hover{border-color:rgba(34,211,238,.3);box-shadow:0 16px 50px rgba(34,211,238,.1)}
.qeema-bank-details__account-head{display:flex;align-items:center;gap:12px;margin-bottom:6px}
.qeema-bank-details__account-logo{flex-shrink:0;width:42px;height:42px;border-radius:22px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:5px}
.qeema-bank-details__account-logo img{width:100%;height:100%;object-fit:contain}
.qeema-bank-details__account-title{flex:1;min-width:0;color:#fff;font-size:17px;font-weight:800}
.qeema-bank-details__tag{flex-shrink:0;padding:4px 10px;border-radius:22px;background:rgba(34,211,238,.14);border:1px solid rgba(34,211,238,.3);color:#8feeff;font-size:12px;font-weight:700}
.qeema-bank-details__note{color:rgba(255,255,255,.6);font-size:13px;line-height:1.7;margin:0 0 12px}
.qeema-bank-details__row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.qeema-bank-details__row:last-child{border-bottom:none}
.qeema-bank-details__label{color:rgba(255,255,255,.68);font-size:13px;font-weight:700;flex-shrink:0}
.qeema-bank-details__value-wrap{display:flex;align-items:center;gap:10px;min-width:0}
.qeema-bank-details__value{color:#fff;font-size:14px;font-weight:700;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere;text-align:left}
.qeema-bank-details__copy{flex-shrink:0;width:32px;height:32px;border-radius:22px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);color:#8feeff;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease;padding:0}
.qeema-bank-details__copy:hover{background:rgba(34,211,238,.14);border-color:rgba(34,211,238,.35)}
.qeema-bank-details__copy.is-copied{background:rgba(34,211,238,.22);border-color:rgba(34,211,238,.5);color:#fff}
@media(max-width:900px){
	.qeema-bank-details__grid{grid-template-columns:1fr;max-width:460px;margin:0 auto}
}
@media(max-width:600px){
	.qeema-bank-details{padding:56px 20px}
	.qeema-bank-details__head h1{font-size:26px}
	.qeema-bank-details__account{padding:20px 18px 4px}
	.qeema-bank-details__row{flex-direction:column;align-items:flex-start;gap:8px}
	.qeema-bank-details__value-wrap{width:100%;justify-content:space-between}
}

/* === qeema-cs-* � ??????-approved case study system (cyan/gold glass). === */
body.single-portfolio{
  color:#e2e8f0;
}
body.single-portfolio .qeema-cs-hero,
body.single-portfolio .qeema-cs-story,
.qeema-cs-hero,.qeema-cs-story{font-family:"Readex Pro",Rubik,sans-serif}
/* unified with the shared aurora background (body::before) instead of this
   case-study system's own dark navy + cyan/gold gradient background */
.qeema-cs-hero,.qeema-cs-story{
  --cs-dark:#060c16;--cs-night:#080f1d;--cs-surface:#0e1726;--cs-card:#131f33;
  --cs-cyan:#38bdf8;--cs-gold:#8b5cf6;--cs-text:#e2e8f0;--cs-muted:#94a3b8;
  color:var(--cs-text);
}
/* Keep Elementor parent sections from washing out the mockup wash */
body.single-portfolio .elementor-top-section.elementor-section-boxed > .elementor-container,
body.single-portfolio .elementor-element.e-con,
body.single-portfolio .e-con-inner{
  background:transparent!important;
  --padding-top:0px!important;
  --padding-bottom:0px!important;
  --padding-left:0px!important;
  --padding-right:0px!important;
  max-width:none!important;
}
body.single-portfolio .elementor-widget-qeema-portfolio-case-hero,
body.single-portfolio .elementor-widget-qeema-portfolio-case-story{width:100%}
/* Case page already has its sticky mini-bar + final CTA � hide the generic extras */
body.single-portfolio .elementor-widget-qeema-testimonials-carousel,
body.single-portfolio .elementor-widget-qeema-related-posts,
body.single-portfolio .elementor-widget-qeema-cta-banner{display:none!important}
.qeema-cs-wrap{width:min(1200px,100%);margin:0 auto;padding:0 24px}
.qeema-cs-label{margin:0 0 8px;font-size:12px;font-weight:600;color:var(--cs-cyan);letter-spacing:.04em}
.qeema-cs-head{margin-bottom:28px;text-align:start}
.qeema-cs-head h2{margin:0;font-size:clamp(20px,2.4vw,26px);font-weight:700;color:#fff;line-height:1.35}
.qeema-cs-chip{display:inline-flex;align-items:center;gap:8px;padding:5px 11px;margin-bottom:14px;border-radius:22px;background:rgba(56,189,248,.1);border:1px solid rgba(56,189,248,.22);color:var(--cs-cyan);font-size:11px;font-weight:600}
.qeema-cs-glass{background:linear-gradient(135deg,rgba(19,31,51,.72),rgba(10,18,32,.85));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.08);border-radius:22px;transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .35s ease,box-shadow .35s ease}
.qeema-cs-glass:hover{border-color:rgba(56,189,248,.35);transform:translateY(-4px);box-shadow:0 16px 36px -10px rgba(0,0,0,.5),0 0 24px rgba(56,189,248,.12)}
.qeema-cs-btn,.qeema-cs-btn:visited{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 28px;border-radius:22px;font-size:14px;font-weight:800;text-decoration:none;border:1px solid transparent;transition:transform .2s ease,background .2s ease,box-shadow .2s ease,border-color .2s ease}
.qeema-cs-btn--solid,.qeema-cs-btn--solid:visited{background:#fff;color:#0f172a}
.qeema-cs-btn--solid:hover,.qeema-cs-btn--solid:visited:hover{background:#e2e8f0;color:#0f172a;transform:translateY(-2px);box-shadow:0 12px 28px rgba(255,255,255,.12)}
.qeema-cs-btn--ghost,.qeema-cs-btn--ghost:visited{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.15);color:#fff}
.qeema-cs-btn--ghost:hover,.qeema-cs-btn--ghost:visited:hover{background:rgba(255,255,255,.12);color:#fff;transform:translateY(-2px)}
.qeema-cs-btn--sm{min-height:40px;padding:8px 18px;font-size:12px}

.qeema-cs-bar{position:sticky;top:0;z-index:40;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:rgba(6,12,22,.82);border-bottom:1px solid rgba(255,255,255,.05)}
.qeema-cs-bar__inner{width:min(1200px,100%);margin:0 auto;padding:0 24px;height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.qeema-cs-bar__back{display:inline-flex;align-items:center;gap:8px;color:#94a3b8;font-size:13px;font-weight:600;text-decoration:none;transition:color .2s ease}
.qeema-cs-bar__back span{color:var(--cs-cyan);display:inline-block;transition:transform .2s ease}
.qeema-cs-bar__back:hover{color:#fff}
.qeema-cs-bar__back:hover span{transform:translateX(3px)}
.qeema-cs-bar__badge{display:none;align-items:center;gap:10px;padding:7px 14px;border-radius:22px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);color:#cbd5e1;font-size:12px;font-weight:500}
.qeema-cs-bar__dot{width:7px;height:7px;border-radius:50%;background:var(--cs-cyan);box-shadow:0 0 10px rgba(56,189,248,.8);animation:qeema-cs-pulse 2s ease-in-out infinite}
.qeema-cs-bar__sep{color:#475569}
.qeema-cs-bar__cat{color:#7dd3fc}
@keyframes qeema-cs-pulse{0%,100%{opacity:1}50%{opacity:.35}}

.qeema-cs-hero{padding:24px 0 56px;overflow:hidden}
.qeema-cs-hero__stage{position:relative;width:min(1200px,100%);margin:0 auto;padding:24px 24px 0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:40px;align-items:center}
.qeema-cs-hero__title{margin:0 0 14px;font-size:clamp(26px,3.6vw,36px);font-weight:700;line-height:1.25;color:#fff;letter-spacing:-.01em;text-wrap:balance}
.qeema-cs-hero__lead{margin:0 0 22px;font-size:clamp(14px,1.3vw,16px);line-height:1.85;color:#cbd5e1;font-weight:300;max-width:46ch}
.qeema-cs-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 24px;padding:18px 0;border-block:1px solid rgba(255,255,255,.1);max-width:640px}
.qeema-cs-facts__item{margin:0}
.qeema-cs-facts dt{margin:0 0 4px;font-size:11px;font-weight:600;color:var(--cs-cyan)}
.qeema-cs-facts dd{margin:0;font-size:13px;font-weight:600;color:#fff;line-height:1.45}
.qeema-cs-facts__item.is-accent dd{color:#fff}
.qeema-cs-hero__ctas{display:flex;flex-wrap:wrap;gap:12px}
.qeema-cs-hero__visual{position:relative;display:flex;justify-content:center;align-items:center}
.qeema-cs-hero__glow{position:absolute;inset:-25% -10%;background:radial-gradient(ellipse 60% 70% at 30% 40%,rgba(34,211,238,.22),transparent 70%),radial-gradient(ellipse 55% 65% at 78% 55%,rgba(0,102,255,.16),transparent 70%);filter:blur(70px);opacity:.8;pointer-events:none;z-index:0}
.qeema-cs-hero__copy,.qeema-cs-hero__visual{position:relative;z-index:1}

.qeema-cs-phone{position:relative;z-index:1;width:min(330px,78vw)}
.qeema-cs-phone__bezel{padding:11px;border-radius:22px;background:linear-gradient(180deg,#2b3545,#141c2b 45%,#0a101d);border:3px solid rgba(62,77,100,.55);box-shadow:0 25px 50px -12px rgba(0,0,0,.75),0 0 40px rgba(56,189,248,.12)}
.qeema-cs-phone__screen{border-radius:22px;overflow:hidden;background:#0a0a0a;aspect-ratio:9/19.2}
.qeema-cs-phone__screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
.qeema-cs-phone__home{display:block;width:34%;height:4px;margin:8px auto 2px;border-radius:22px;background:rgba(255,255,255,.35)}
.qeema-cs-phone--sm{width:min(250px,70vw)}
/* App thumbnails already include device chrome � show one clean shot only */
.qeema-cs-shot{
  position:relative;z-index:1;margin:0;width:min(320px,72vw);line-height:0;
  filter:drop-shadow(0 28px 40px rgba(0,0,0,.55));
}
.qeema-cs-shot img{
  display:block;width:100%;height:auto;max-height:640px;object-fit:contain;
  -webkit-backface-visibility:hidden;backface-visibility:hidden;
}
.qeema-cs-shot--sm{width:min(220px,58vw)}
.qeema-cs-shot--sm img{max-height:460px}
.qeema-cs-webframe{margin:0;width:min(100%,520px);border-radius:22px;overflow:hidden;background:#0a1220;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 70px rgba(0,0,0,.45)}
.qeema-cs-webframe__chrome{display:flex;gap:7px;padding:12px 14px;background:rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.08)}
.qeema-cs-webframe__chrome span{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.22)}
.qeema-cs-webframe__chrome span:nth-child(1){background:rgba(59,130,246,.65)}
.qeema-cs-webframe__chrome span:nth-child(2){background:rgba(34,211,238,.65)}
.qeema-cs-webframe__screen img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top center}

.qeema-cs-band{padding:56px 0}
.qeema-cs-band--story,.qeema-cs-band--dark{background:var(--cs-night);border-block:1px solid rgba(255,255,255,.05)}
.qeema-cs-story-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.7fr);gap:28px;align-items:start}
.qeema-cs-story-lead{font-size:clamp(15px,1.6vw,18px);font-weight:600;line-height:1.85;color:rgba(255,255,255,.92)}
.qeema-cs-story-lead p{margin:0 0 14px}
.qeema-cs-checks{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.qeema-cs-checks li{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:22px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);color:#cbd5e1;font-size:12.5px}
.qeema-cs-checks li span{color:var(--cs-cyan);font-weight:700}
.qeema-cs-aside{padding:22px}
.qeema-cs-aside__kicker{margin:0 0 8px;font-size:11px;color:#94a3b8}
.qeema-cs-aside h3{margin:0 0 10px;font-size:15px;font-weight:700;color:#fff;line-height:1.45}
.qeema-cs-aside p{margin:0;font-size:13px;line-height:1.8;color:#cbd5e1}
.qeema-cs-aside__foot{margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#94a3b8}
.qeema-cs-aside__foot strong{color:var(--cs-cyan);font-weight:700}

.qeema-cs-duet{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.qeema-cs-panel{padding:24px 22px;position:relative;overflow:hidden}
.qeema-cs-panel__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.qeema-cs-panel__ico{font-size:18px;opacity:.7}
.qeema-cs-panel h2{margin:0 0 12px;font-size:clamp(16px,1.8vw,18px);font-weight:700;color:#fff}
.qeema-cs-panel p{margin:0;font-size:14px;line-height:1.8;color:#cbd5e1;font-weight:300}
.qeema-cs-panel--challenge{border-top:2px solid rgba(139,92,246,.4)}
.qeema-cs-panel--solution{border-top:2px solid rgba(56,189,248,.7)}
.qeema-cs-tag{display:inline-flex;padding:4px 9px;border-radius:22px;font-size:10px;font-weight:700;letter-spacing:.04em}
.qeema-cs-tag--rose{color:#c4b5fd;background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.22)}
.qeema-cs-tag--cyan{color:var(--cs-cyan);background:rgba(56,189,248,.1);border:1px solid rgba(56,189,248,.22)}

.qeema-cs-features{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.qeema-cs-feature{padding:20px 18px;display:flex;flex-direction:column;gap:8px;min-height:150px}
.qeema-cs-feature__num{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:16px;font-weight:800;color:var(--cs-cyan)}
.qeema-cs-feature__title{margin:0;font-size:14px;font-weight:700;color:#fff;line-height:1.45}
.qeema-cs-feature p{margin:0;font-size:13px;line-height:1.7;color:#94a3b8}
.qeema-cs-feature.is-wide{grid-column:span 2}

.qeema-cs-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.qeema-cs-result{margin:0;padding:20px 18px;border:1px solid rgba(56,189,248,.28);border-inline-start:3px solid var(--cs-cyan);text-align:center}
.qeema-cs-result p{margin:0;font-size:13.5px;line-height:1.75;color:#e2e8f0;font-weight:500}

.qeema-cs-journey{padding:28px 26px;text-align:center;position:relative;overflow:hidden}
.qeema-cs-journey .qeema-cs-label{margin-bottom:10px}
.qeema-cs-journey__text{font-size:clamp(14px,1.6vw,17px);font-weight:600;line-height:1.8;color:#fff;max-width:56ch;margin:0 auto}
.qeema-cs-journey__text p{margin:0}

.qeema-cs-screens{display:grid;gap:18px}
.qeema-cs-screens.is-app{grid-template-columns:repeat(4,minmax(0,1fr));justify-items:center;align-items:start}
.qeema-cs-screens.is-web{grid-template-columns:repeat(2,minmax(0,1fr))}
.qeema-cs-screen{margin:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px}
.qeema-cs-shot__caption{margin:0;width:100%;text-align:center;font-size:12.5px;line-height:1.6;color:rgba(255,255,255,.6)}
.qeema-cs-screens.is-app .qeema-cs-phone--sm{width:min(100%,240px)}
.qeema-cs-screens.is-app .qeema-cs-shot--sm{width:min(100%,220px)}
.qeema-cs-screens.is-web .qeema-cs-webframe{width:100%}
@media(max-width:1100px){.qeema-cs-screens.is-app,.qeema-cs-results{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.qeema-cs-screens.is-app,.qeema-cs-screens.is-web,.qeema-cs-results{grid-template-columns:1fr}}

.qeema-cs-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:32px 28px;position:relative;overflow:hidden}
.qeema-cs-cta__copy{max-width:640px}
.qeema-cs-cta h2{margin:0 0 8px;font-size:clamp(18px,2.2vw,24px);font-weight:700;color:#fff;line-height:1.35}
.qeema-cs-cta p{margin:0;font-size:14px;color:#cbd5e1;line-height:1.7}
.qeema-cs-cta__actions{display:flex;flex-wrap:wrap;gap:10px}

@media(min-width:640px){.qeema-cs-bar__badge{display:inline-flex}}
@media(max-width:980px){
  .qeema-cs-hero__stage,.qeema-cs-story-grid,.qeema-cs-duet,.qeema-cs-features,.qeema-cs-results{grid-template-columns:1fr}
  .qeema-cs-feature.is-wide{grid-column:auto}
  .qeema-cs-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .qeema-cs-hero__stage{gap:28px}
  .qeema-cs-cta{padding:24px}
}
@media(max-width:560px){
  .qeema-cs-facts{grid-template-columns:1fr}
  .qeema-cs-bar__inner{height:64px}
  .qeema-cs-band{padding:44px 0}
}
@media(prefers-reduced-motion:reduce){
  .qeema-cs-glass,.qeema-cs-btn,.qeema-cs-bar__dot{transition:none;animation:none}
}

/* === live-apps-carousel.css � homepage "our live apps" section: a 3D fanned
   stack of iPhone mockups, each styled like that app's real store listing.
   Every phone is a real link (project case-study page, or the app's real
   store link as a fallback) � see live-apps-carousel.js for the click vs
   bring-to-front logic. ===*/
.qeema-live-apps-carousel{padding:56px 30px 90px;text-align:center}
.qeema-live-apps-carousel__wrap{max-width:1680px;margin:0 auto}
.qeema-live-apps-carousel__head{max-width:680px;margin:0 auto 10px}
.qeema-live-apps-carousel__badge{display:inline-block;padding:10px 16px;border-radius:22px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);color:#8feeff;font-size:14px;font-weight:700;margin-bottom:18px}
.qeema-live-apps-carousel__head h2{color:#fff;font-size:clamp(28px,3.4vw,40px);line-height:1.4;margin:0 0 14px;font-weight:800}
.qeema-live-apps-carousel__head p{color:rgba(255,255,255,.78);font-size:16px;line-height:1.9;margin:0}

.qeema-live-apps-carousel__stage-wrap{overflow:hidden;position:relative}
.qeema-live-apps-carousel__glow{position:absolute;top:50%;left:50%;width:640px;height:640px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(34,211,238,.16),transparent 68%);filter:blur(10px);animation:qeemaLiveAppsGlowPulse 5s ease-in-out infinite;pointer-events:none}
@keyframes qeemaLiveAppsGlowPulse{0%,100%{opacity:.7;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}
.qeema-live-apps-carousel__stage{position:relative;height:600px;display:flex;align-items:center;justify-content:center;perspective:1800px;cursor:grab;-webkit-user-select:none;user-select:none}
.qeema-live-apps-carousel.is-dragging .qeema-live-apps-carousel__stage{cursor:grabbing}

.qeema-live-apps-carousel__phone{
	position:absolute;width:236px;height:484px;border-radius:33px;
	background:linear-gradient(155deg,#3d3d40,#1c1c1e 45%,#0a0a0b);
	padding:12px;box-shadow:0 34px 70px rgba(0,0,0,.5),inset 0 0 0 2px rgba(255,255,255,.06);
	transition:transform .6s cubic-bezier(.25,1.4,.5,1),opacity .6s ease,box-shadow .4s ease;
	cursor:grab;-webkit-user-drag:none;
}
.qeema-live-apps-carousel.is-dragging .qeema-live-apps-carousel__phone{cursor:grabbing;transition:opacity .6s ease,box-shadow .4s ease}
.qeema-live-apps-carousel__phone::before{
	content:"";position:absolute;top:20px;left:50%;transform:translateX(-50%);
	width:84px;height:26px;background:#000;border-radius:22px;z-index:5;
	box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);
}
.qeema-live-apps-carousel__phone::after{
	content:"";position:absolute;top:130px;left:-3px;width:3px;height:32px;background:#2a2a2e;border-radius:2px 0 0 2px;
	box-shadow:0 48px 0 0 #2a2a2e, 0 96px 0 0 #2a2a2e;
}
.qeema-live-apps-carousel__phone.is-active{box-shadow:0 34px 70px rgba(0,0,0,.5),inset 0 0 0 2px rgba(255,255,255,.06),0 0 60px rgba(34,211,238,.3)}

.qeema-live-apps-carousel__screen{
	width:100%;height:100%;border-radius:22px;background:#fff;color:#0c0c0c;display:flex;flex-direction:column;
	overflow:hidden;text-align:right;direction:rtl;text-decoration:none;
	animation:qeemaLiveAppsReveal .7s cubic-bezier(.22,1,.36,1) both, qeemaLiveAppsFloat 4.5s ease-in-out infinite;
}
@keyframes qeemaLiveAppsFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes qeemaLiveAppsReveal{from{opacity:0;transform:translateY(24px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}
.qeema-live-apps-carousel__phone:nth-child(1) .qeema-live-apps-carousel__screen{animation-delay:0s,.7s}
.qeema-live-apps-carousel__phone:nth-child(2) .qeema-live-apps-carousel__screen{animation-delay:.06s,.76s}
.qeema-live-apps-carousel__phone:nth-child(3) .qeema-live-apps-carousel__screen{animation-delay:.12s,.82s}
.qeema-live-apps-carousel__phone:nth-child(4) .qeema-live-apps-carousel__screen{animation-delay:.18s,.88s}
.qeema-live-apps-carousel__phone:nth-child(5) .qeema-live-apps-carousel__screen{animation-delay:.24s,.94s}
.qeema-live-apps-carousel__phone:nth-child(6) .qeema-live-apps-carousel__screen{animation-delay:.3s,1s}
.qeema-live-apps-carousel__phone:nth-child(7) .qeema-live-apps-carousel__screen{animation-delay:.36s,1.06s}
.qeema-live-apps-carousel__phone:nth-child(8) .qeema-live-apps-carousel__screen{animation-delay:.42s,1.12s}
.qeema-live-apps-carousel__phone:nth-child(9) .qeema-live-apps-carousel__screen{animation-delay:.48s,1.18s}
.qeema-live-apps-carousel__phone:nth-child(10) .qeema-live-apps-carousel__screen{animation-delay:.54s,1.24s}

.qeema-live-apps-carousel__statusbar{display:flex;justify-content:space-between;align-items:center;padding:9px 16px 2px;font-size:10.5px;font-weight:700;color:#111;direction:ltr}
.qeema-live-apps-carousel__statusbar-icons{display:flex;align-items:center;gap:4px}
.qeema-live-apps-carousel__sb-bar{display:flex;align-items:flex-end;gap:1.5px;height:8px}
.qeema-live-apps-carousel__sb-bar span{width:2.5px;background:#111;border-radius:1px}
.qeema-live-apps-carousel__sb-bar span:nth-child(1){height:35%}.qeema-live-apps-carousel__sb-bar span:nth-child(2){height:60%}.qeema-live-apps-carousel__sb-bar span:nth-child(3){height:80%}.qeema-live-apps-carousel__sb-bar span:nth-child(4){height:100%}
.qeema-live-apps-carousel__sb-battery{width:16px;height:8px;border:1px solid #111;border-radius:2px;position:relative}
.qeema-live-apps-carousel__sb-battery::after{content:"";position:absolute;inset:1.5px;left:1.5px;right:3px;background:#111;border-radius:1px}

.qeema-live-apps-carousel__storebar{display:flex;align-items:center;gap:6px;padding:10px 16px 4px;font-size:11px;font-weight:800;color:#333;direction:ltr}
.qeema-live-apps-carousel__store-icon{width:14px;height:14px;flex-shrink:0}
.qeema-live-apps-carousel__tri{width:0;height:0;border-style:solid;border-width:7px 0 7px 12px;border-color:transparent transparent transparent #00c389;flex-shrink:0}

.qeema-live-apps-carousel__apphead{display:flex;align-items:flex-start;gap:12px;padding:10px 16px 8px}
.qeema-live-apps-carousel__apphead-icon{width:58px;height:58px;border-radius:22px;flex-shrink:0;box-shadow:0 2px 10px rgba(0,0,0,.18);overflow:hidden;background:#fff;border:1px solid #eee}
.qeema-live-apps-carousel__apphead-icon img{width:100%;height:100%;object-fit:contain}
.qeema-live-apps-carousel__apphead-meta{flex:1;min-width:0;padding-top:2px}
.qeema-live-apps-carousel__apphead-name{font-size:14.5px;font-weight:800;color:#101010;line-height:1.3}
.qeema-live-apps-carousel__dev{font-size:10.5px;margin-top:3px;font-weight:600}
.qeema-live-apps-carousel__dev--play{color:#01875f}
.qeema-live-apps-carousel__dev--apple{color:#8a8a8e}

.qeema-live-apps-carousel__install-row{padding:2px 16px 10px}
.qeema-live-apps-carousel__install{display:inline-block;width:100%;text-align:center;padding:9px 0;border-radius:22px;color:#fff;font-size:12.5px;font-weight:800}
.qeema-live-apps-carousel__install--play{background:#01875f}
.qeema-live-apps-carousel__install--apple{background:#0070c9;max-width:96px;padding:7px 0}

.qeema-live-apps-carousel__about{padding:10px 16px 14px;border-top:1px solid #efefef;margin-top:2px}
.qeema-live-apps-carousel__about-label{font-size:11px;font-weight:800;color:#101010;margin-bottom:5px}
.qeema-live-apps-carousel__about-text{font-size:10.8px;color:#5c5c5e;line-height:1.65}

.qeema-live-apps-carousel__nav{position:relative;z-index:2;display:flex;justify-content:center;gap:14px;margin-top:26px}
.qeema-live-apps-carousel__nav button{
	width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);
	color:#fff;font-size:16px;cursor:pointer;transition:.2s;padding:0;
}
.qeema-live-apps-carousel__nav button:hover{background:linear-gradient(135deg,#10cfff,#0066ff);border-color:transparent}
.qeema-live-apps-carousel__dots{position:relative;z-index:2;display:flex;justify-content:center;gap:7px;margin-top:16px}
.qeema-live-apps-carousel__dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.25);transition:.3s;cursor:pointer}
.qeema-live-apps-carousel__dot.active{background:#8feeff;width:20px;border-radius:4px}

@media(max-width:900px){
	.qeema-live-apps-carousel__stage{transform:scale(.72)}
	.qeema-live-apps-carousel__stage-wrap{margin:-80px 0}
}
@media(max-width:600px){
	.qeema-live-apps-carousel{padding:40px 16px 60px}
	.qeema-live-apps-carousel__stage{transform:scale(.46)}
	.qeema-live-apps-carousel__stage-wrap{margin:-160px 0}
}
@media(prefers-reduced-motion:reduce){
	.qeema-live-apps-carousel__glow,.qeema-live-apps-carousel__screen{animation:none}
}

/*=== Full real-app catalog grid for the dedicated "/live-app/" page � one
   card per app: icon, name, real description, and a real Google Play / App
   Store button each (whichever the app actually has). ===*/
.qeema-live-apps-grid{padding:90px 30px}
.qeema-live-apps-grid__wrap{max-width:1400px;margin:0 auto}
.qeema-live-apps-grid__head{text-align:center;max-width:680px;margin:0 auto 50px}
.qeema-live-apps-grid__badge{display:inline-block;padding:10px 16px;border-radius:22px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);color:#8feeff;font-size:14px;font-weight:700;margin-bottom:18px}
.qeema-live-apps-grid__head h2{color:#fff;font-size:clamp(28px,3.4vw,40px);line-height:1.4;margin:0 0 14px;font-weight:800}
.qeema-live-apps-grid__head p{color:rgba(255,255,255,.78);font-size:16px;line-height:1.9;margin:0}

.qeema-live-apps-grid__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px}
.qeema-live-apps-grid__item{opacity:0;transform:translateY(24px) scale(.94);animation:qeemaLiveAppsGridReveal .65s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--i,0) * .07s)}
@keyframes qeemaLiveAppsGridReveal{to{opacity:1;transform:translateY(0) scale(1)}}

.qeema-live-apps-grid__card{
	position:relative;height:100%;border-radius:22px;padding:1.5px;
	background:linear-gradient(120deg,rgba(16,207,255,.55),rgba(0,102,255,.35) 30%,rgba(255,255,255,.06) 55%,rgba(34,211,238,.5) 80%);
	background-size:260% 260%;animation:qeemaLiveAppsCardFlow 8s ease infinite;
	transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s;
}
.qeema-live-apps-grid__card:hover{transform:translateY(-10px) scale(1.015);box-shadow:0 26px 54px rgba(0,0,0,.34)}
@keyframes qeemaLiveAppsCardFlow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

.qeema-live-apps-grid__card-inner{
	position:relative;overflow:hidden;height:100%;display:flex;flex-direction:column;align-items:center;text-align:center;
	padding:28px 20px 24px;border-radius:22px;background:rgba(10,20,38,.86);
	backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}
.qeema-live-apps-grid__shine{
	position:absolute;top:0;left:-60%;width:50%;height:100%;
	background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.10) 50%,transparent 80%);
	transform:skewX(-18deg);transition:left .75s ease;pointer-events:none;
}
.qeema-live-apps-grid__card:hover .qeema-live-apps-grid__shine{left:130%}

.qeema-live-apps-grid__icon{position:relative;width:76px;height:76px;border-radius:22px;overflow:visible;margin-bottom:16px;
	animation:qeemaLiveAppsIconFloat 3.6s ease-in-out infinite;animation-delay:calc(var(--i,0) * .12s)}
.qeema-live-apps-grid__icon img{width:100%;height:100%;object-fit:cover;display:block;border-radius:22px;background:rgba(255,255,255,.05);box-shadow:0 10px 24px rgba(0,0,0,.28);transition:transform .4s}
.qeema-live-apps-grid__card:hover .qeema-live-apps-grid__icon img{transform:scale(1.08) rotate(-3deg)}
@keyframes qeemaLiveAppsIconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.qeema-live-apps-grid__live-dot{position:absolute;bottom:-2px;right:-2px;width:15px;height:15px;border-radius:50%;background:#22d3ee;border:3px solid #0a1426;box-shadow:0 0 0 0 rgba(34,211,238,.6);animation:qeemaLiveAppsDotPulse 2.4s ease-out infinite}
@keyframes qeemaLiveAppsDotPulse{0%{box-shadow:0 0 0 0 rgba(34,211,238,.55)}70%{box-shadow:0 0 0 8px rgba(34,211,238,0)}100%{box-shadow:0 0 0 0 rgba(34,211,238,0)}}

.qeema-live-apps-grid__name{color:#fff;font-size:16px;font-weight:800;margin:0 0 8px;line-height:1.4}
.qeema-live-apps-grid__desc{color:rgba(255,255,255,.65);font-size:13px;line-height:1.75;margin:0 0 20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.qeema-live-apps-grid__buttons{margin-top:auto;display:flex;gap:8px;width:100%}
.qeema-live-apps-grid__btn{
	position:relative;overflow:hidden;flex:1 1 0;display:flex;align-items:center;justify-content:center;gap:6px;
	min-height:44px;padding:10px 8px;border-radius:22px;color:#fff;font-size:12px;font-weight:700;
	text-decoration:none;transition:filter .2s,transform .2s;white-space:nowrap;
}
.qeema-live-apps-grid__btn:hover{filter:brightness(1.15);transform:translateY(-2px)}
.qeema-live-apps-grid__btn:active{transform:translateY(0) scale(.96)}
.qeema-live-apps-grid__btn i{font-size:14px;flex-shrink:0;transition:transform .3s}
.qeema-live-apps-grid__btn:hover i{transform:scale(1.15)}
.qeema-live-apps-grid__btn--play{background:#01875f}
.qeema-live-apps-grid__btn--apple{background:#0070c9}

@media(max-width:600px){
	.qeema-live-apps-grid{padding:60px 16px}
	.qeema-live-apps-grid__list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
	.qeema-live-apps-grid__card-inner{padding:20px 14px}
	.qeema-live-apps-grid__btn span{display:none}
}
@media(prefers-reduced-motion:reduce){
	.qeema-live-apps-grid__item{animation:none;opacity:1;transform:none}
	.qeema-live-apps-grid__card{animation:none}
	.qeema-live-apps-grid__icon{animation:none}
	.qeema-live-apps-grid__live-dot{animation:none;box-shadow:0 0 0 0 rgba(34,211,238,0)}
	.qeema-live-apps-grid__shine{display:none}
}

/* === Site-wide section subheading / eyebrow — chamfered HUD chip ===
   Exact approved shape: TL + BR diagonal cuts, cyan stroke along the
   polygon, dark translucent fill, white bold label. Dual clip-path layers
   (::before = border, ::after = fill) so the stroke follows the cuts. === */
.qeema-hero-section__eyebrow,
.qeema-feature-grid__badge,
.qeema-why-steps__badge,
.qeema-value-cards__badge,
.qeema-tech-stack__badge,
.qeema-category-showcase__badge,
.qeema-app-store-proof__badge,
.qeema-pull-quote__eyebrow,
.qeema-trusted-by__eyebrow,
.qeema-faq__badge,
.qeema-thank-you-hero__badge,
.qeema-bank-details__badge,
.qeema-live-apps-carousel__badge,
.qeema-live-apps-grid__badge,
.qeema-works-hero__badge,
.qeema-testimonials__eyebrow,
.qeema-portfolio-case-hero__eyebrow,
.qeema-portfolio-teaser__badge,
.qeema-portfolio-archive__badge,
.qeema-contact-eyebrow,
.qeema-thank-you-social__badge,
.qeema-cta-banner__eyebrow,
.qeema-cs-chip{
  --qeema-cut:14px;
  --qeema-stroke:1.5px;
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:0;
  isolation:isolate;
  margin:0 0 18px;
  padding:10px 28px;
  border:none;
  border-radius:0;
  background:transparent;
  color:#fff !important;
  font-family:"Readex Pro",Rubik,sans-serif;
  font-size:14px;
  font-weight:700;
  line-height:1.35;
  letter-spacing:normal;
  box-shadow:none;
  text-shadow:none;
  clip-path:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.qeema-hero-section__eyebrow::before,
.qeema-feature-grid__badge::before,
.qeema-why-steps__badge::before,
.qeema-value-cards__badge::before,
.qeema-tech-stack__badge::before,
.qeema-category-showcase__badge::before,
.qeema-app-store-proof__badge::before,
.qeema-pull-quote__eyebrow::before,
.qeema-trusted-by__eyebrow::before,
.qeema-faq__badge::before,
.qeema-thank-you-hero__badge::before,
.qeema-bank-details__badge::before,
.qeema-live-apps-carousel__badge::before,
.qeema-live-apps-grid__badge::before,
.qeema-works-hero__badge::before,
.qeema-testimonials__eyebrow::before,
.qeema-portfolio-case-hero__eyebrow::before,
.qeema-portfolio-teaser__badge::before,
.qeema-portfolio-archive__badge::before,
.qeema-contact-eyebrow::before,
.qeema-thank-you-social__badge::before,
.qeema-cta-banner__eyebrow::before,
.qeema-cs-chip::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:rgba(34,211,238,.42);
  clip-path:polygon(
    var(--qeema-cut) 0,
    100% 0,
    100% calc(100% - var(--qeema-cut)),
    calc(100% - var(--qeema-cut)) 100%,
    0 100%,
    0 var(--qeema-cut)
  );
}
.qeema-hero-section__eyebrow::after,
.qeema-feature-grid__badge::after,
.qeema-why-steps__badge::after,
.qeema-value-cards__badge::after,
.qeema-tech-stack__badge::after,
.qeema-category-showcase__badge::after,
.qeema-app-store-proof__badge::after,
.qeema-pull-quote__eyebrow::after,
.qeema-trusted-by__eyebrow::after,
.qeema-faq__badge::after,
.qeema-thank-you-hero__badge::after,
.qeema-bank-details__badge::after,
.qeema-live-apps-carousel__badge::after,
.qeema-live-apps-grid__badge::after,
.qeema-works-hero__badge::after,
.qeema-testimonials__eyebrow::after,
.qeema-portfolio-case-hero__eyebrow::after,
.qeema-portfolio-teaser__badge::after,
.qeema-portfolio-archive__badge::after,
.qeema-contact-eyebrow::after,
/* previously showed a pulsing dot (::before, with its own glow animation) —
   dropped so every instance reads as one consistent HUD chip instead of a
   chip-plus-dot hybrid. */
.qeema-testimonials__eyebrow::before{display:none}

/* Selected Work (homepage) */
/* Small curated teaser fed by the featured_homepage ACF field (see
   selected-work-widget.php) - card look matches the .qeema-blog-card /
   .qeema-feature-card conventions (radius, glass background, hover lift)
   rather than the mockup-frame cards used by the full portfolio grid, since
   this is a lighter homepage-only section. Chip/cat class names are scoped
   under __selected-work so they can't collide with the unrelated bare
   .qt-chip/.chip-a-style names used elsewhere in this file. */
.qeema-selected-work{padding:80px 30px}
.qeema-selected-work *{box-sizing:border-box}
.qeema-selected-work__wrap{max-width:1600px;margin:auto}
.qeema-selected-work__head{text-align:center;max-width:760px;margin:0 auto 40px}
.qeema-selected-work__head h2{color:#fff!important;font-size:40px;line-height:1.4;margin:0 0 14px;font-weight:800}
.qeema-selected-work__head p{color:rgba(255,255,255,.78)!important;font-size:18px;line-height:1.9;margin:0}
.qeema-selected-work__group{margin:0 0 44px}
.qeema-selected-work__group:last-child{margin-bottom:0}
.qeema-selected-work__group-title{color:#8feeff!important;font-size:20px;font-weight:800;margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.10)}
.qeema-selected-work__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.qeema-selected-work__card{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:22px;text-decoration:none!important;background:linear-gradient(180deg,rgba(10,24,46,.6),rgba(10,24,46,.5));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.10);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.qeema-selected-work__card:hover{transform:translateY(-8px);border-color:rgba(34,220,255,.35);box-shadow:0 20px 50px rgba(0,0,0,.3),0 0 28px rgba(34,220,255,.15)}
.qeema-selected-work__media{display:block;width:100%;aspect-ratio:4/3;background-size:cover;background-position:top center;background-repeat:no-repeat;background-color:#0b1526}
.qeema-selected-work__body{display:flex;flex-direction:column;gap:10px;padding:18px 20px 22px}
.qeema-selected-work__cats{display:flex;flex-wrap:wrap;gap:8px}
.qeema-selected-work__cat{padding:5px 13px;border-radius:999px;background:rgba(34,211,238,.14);border:1px solid rgba(34,211,238,.25);color:#8feeff!important;font-size:12px;font-weight:700}
.qeema-selected-work__title{color:#fff!important;font-size:17px;line-height:1.6;font-weight:800;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.qeema-selected-work__actions{display:flex;justify-content:center;margin-top:36px}
.qeema-selected-work__btn{text-decoration:none!important;padding:14px 26px;border-radius:14px;font-size:16px;font-weight:800;color:#fff!important;background:linear-gradient(135deg,#10cfff,#0066ff);transition:transform .3s ease,box-shadow .3s ease}
.qeema-selected-work__btn:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(16,207,255,.3)}
@media(max-width:1024px){.qeema-selected-work__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.qeema-selected-work{padding:60px 20px}.qeema-selected-work__head h2{font-size:28px}.qeema-selected-work__grid{grid-template-columns:1fr}}

.qeema-thank-you-social__badge::after,
.qeema-cta-banner__eyebrow::after,
.qeema-cs-chip::after{
  content:"";
  position:absolute;
  inset:var(--qeema-stroke);
  z-index:-1;
  pointer-events:none;
  background:rgba(8,16,32,.82);
  clip-path:polygon(
    calc(var(--qeema-cut) - 0.7px) 0,
    100% 0,
    100% calc(100% - (var(--qeema-cut) - 0.7px)),
    calc(100% - (var(--qeema-cut) - 0.7px)) 100%,
    0 100%,
    0 calc(var(--qeema-cut) - 0.7px)
  );
}
.qeema-portfolio-teaser__badge-icon,
.qeema-portfolio-archive__badge-icon{display:none !important}
.qeema-cs-chip{margin-bottom:14px;padding:6px 16px;font-size:12px}