:root {
  --q-primary: #4f46e5;
  --q-primary-rgb: 79, 70, 229;
  --q-secondary: #18b6a4;
  --q-secondary-rgb: 24, 182, 164;
  --q-dark: #15143a;
  --q-accent: #ffb547;
  --q-text: #26253f;
  --q-muted: #6e7185;
  --q-soft: #f5f7fb;
  --q-soft-purple: #f4f1ff;
  --q-white: #fff;
  --q-border: rgba(34, 32, 74, 0.10);
  --q-shadow: 0 24px 70px rgba(30, 28, 83, 0.12);
  --q-shadow-soft: 0 15px 44px rgba(30, 28, 83, 0.075);
  --q-radius-xl: 32px;
  --q-radius-lg: 24px;
  --q-radius-md: 18px;
  --q-container: 1180px;
  --q-font: "Plus Jakarta Sans", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; overflow-x: hidden; }
body {
  margin: 0;
  background: #fff;
  color: var(--q-text);
  font-family: var(--q-font);
  font-size: 16px;
  line-height: 1.72;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body.admin-bar .q-site-header { top: 32px; }
img, svg { max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
.q-icon { width: 20px; height: 20px; flex: 0 0 auto; }
.q-container { width: min(var(--q-container), calc(100% - 40px)); margin-inline: auto; }
.q-site-shell { min-height: 100vh; overflow: hidden; }
.q-main { display: block; }
.q-section { position: relative; padding: 112px 0; }
.q-soft-section { background: linear-gradient(180deg, #fbfbfe, #f4f6fb 52%, #fbfbfe); }

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 18px;
  color: var(--q-dark);
  line-height: 1.12;
  letter-spacing: -0.045em;
}
h1 { font-size: clamp(45px, 6.2vw, 76px); font-weight: 800; }
h2 { font-size: clamp(34px, 4.3vw, 54px); font-weight: 800; }
h3 { font-size: 22px; font-weight: 750; }
p { margin: 0 0 18px; color: var(--q-muted); }
.q-lead { max-width: 690px; font-size: clamp(17px, 1.7vw, 20px); line-height: 1.7; }

.screen-reader-text {
  position: absolute !important;
  width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}
.screen-reader-text:focus {
  position: fixed !important; z-index: 99999; top: 14px; left: 14px;
  width: auto; height: auto; padding: 12px 18px; margin: 0;
  clip: auto; background: #fff; color: var(--q-dark); border-radius: 10px; box-shadow: var(--q-shadow);
}

.q-eyebrow {
  display: inline-flex; align-items: center; gap: 9px;
  margin-bottom: 20px; padding: 8px 13px;
  border: 1px solid rgba(var(--q-primary-rgb), .13);
  border-radius: 999px; background: rgba(var(--q-primary-rgb), .07);
  color: var(--q-primary); font-size: 12px; font-weight: 800;
  letter-spacing: .1em; line-height: 1; text-transform: uppercase;
}
.q-eyebrow > span { width: 7px; height: 7px; border-radius: 50%; background: linear-gradient(135deg, var(--q-primary), var(--q-secondary)); box-shadow: 0 0 14px rgba(var(--q-primary-rgb), .45); }
.q-eyebrow-light { color: #fff; border-color: rgba(255,255,255,.2); background: rgba(255,255,255,.08); }
.q-eyebrow-light > span { background: var(--q-accent); }
.q-section-heading { max-width: 790px; margin-bottom: 56px; }
.q-section-heading > p { max-width: 720px; font-size: 17px; }
.q-centered { margin-inline: auto; text-align: center; }
.q-centered > p { margin-inline: auto; }
.q-split-heading { max-width: none; display: flex; justify-content: space-between; align-items: end; gap: 32px; }
.q-split-heading > div { max-width: 700px; }
.q-split-heading h2 { margin-bottom: 0; }

.q-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 54px; padding: 15px 24px; border: 1px solid transparent;
  border-radius: 14px; font-size: 14px; font-weight: 800; line-height: 1;
  transition: transform .22s ease, box-shadow .22s ease, background .22s ease, color .22s ease, border-color .22s ease;
}
.q-btn:hover { transform: translateY(-3px); }
.q-btn-primary { color: #fff; background: linear-gradient(135deg, var(--q-primary), #7067ff); box-shadow: 0 16px 34px rgba(var(--q-primary-rgb), .24); }
.q-btn-primary:hover { color: #fff; box-shadow: 0 20px 44px rgba(var(--q-primary-rgb), .32); }
.q-btn-ghost { color: var(--q-dark); background: rgba(255,255,255,.9); border-color: var(--q-border); box-shadow: 0 10px 30px rgba(30,28,83,.05); }
.q-btn-ghost:hover { color: var(--q-primary); border-color: rgba(var(--q-primary-rgb), .3); box-shadow: var(--q-shadow-soft); }
.q-btn-light { color: var(--q-dark); background: #fff; box-shadow: 0 16px 36px rgba(0,0,0,.13); }
.q-btn-sm { min-height: 46px; padding: 12px 18px; border-radius: 12px; }
.q-text-link { display: inline-flex; align-items: center; gap: 8px; color: var(--q-primary); font-size: 14px; font-weight: 800; }
.q-text-link .q-icon { width: 18px; transition: transform .2s ease; }
.q-text-link:hover .q-icon, .q-service-card a:hover .q-icon, .q-product-card > a:hover .q-icon { transform: translateX(4px); }

/* Header */
.q-site-header {
  position: fixed; inset: 0 0 auto; z-index: 1000;
  padding: 18px 0; border-bottom: 1px solid transparent;
  transition: padding .25s ease, background .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.q-site-header.is-scrolled {
  padding: 10px 0; background: rgba(255,255,255,.88); border-color: var(--q-border);
  box-shadow: 0 12px 40px rgba(30,28,83,.07); backdrop-filter: blur(22px); -webkit-backdrop-filter: blur(22px);
}
.q-header-inner { min-height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.q-header-brand { flex: 0 0 auto; }
.q-brand { display: inline-flex; align-items: center; gap: 11px; }
.q-brand-mark {
  width: 46px; height: 46px; display: grid; place-items: center; position: relative; overflow: hidden;
  border-radius: 15px; color: #fff; background: linear-gradient(145deg, var(--q-dark), var(--q-primary) 58%, var(--q-secondary));
  box-shadow: 0 13px 28px rgba(var(--q-primary-rgb), .22); font-size: 21px; font-weight: 900; letter-spacing: -.08em;
}
.q-brand-mark::after { content: ""; position: absolute; width: 25px; height: 25px; right: -8px; bottom: -8px; border: 1px solid rgba(255,255,255,.42); border-radius: 50%; }
.q-brand-copy { display: grid; line-height: 1; }
.q-brand-copy strong { color: var(--q-dark); font-size: 20px; font-weight: 800; letter-spacing: -.04em; }
.q-brand-copy small { margin-top: 6px; color: var(--q-muted); font-size: 10px; font-weight: 700; letter-spacing: .03em; }
.custom-logo-link { display: inline-flex; align-items: center; }
.custom-logo { max-height: 58px; width: auto; }
.q-main-nav { margin-left: auto; }
.q-menu, .q-menu ul { margin: 0; padding: 0; list-style: none; }
.q-menu { display: flex; align-items: center; gap: 3px; }
.q-menu > li { position: relative; }
.q-menu > li > a {
  display: flex; align-items: center; min-height: 42px; padding: 9px 13px;
  color: #45455c; border-radius: 11px; font-size: 14px; font-weight: 700; transition: color .2s ease, background .2s ease;
}
.q-menu > li > a:hover, .q-menu > li.current-menu-item > a, .q-menu > li.current-menu-ancestor > a { color: var(--q-primary); background: rgba(var(--q-primary-rgb), .07); }
.q-menu .sub-menu {
  position: absolute; top: calc(100% + 12px); left: 0; min-width: 230px; padding: 10px;
  background: #fff; border: 1px solid var(--q-border); border-radius: 16px; box-shadow: var(--q-shadow);
  opacity: 0; visibility: hidden; transform: translateY(8px); transition: .2s ease;
}
.q-menu li:hover > .sub-menu, .q-menu li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.q-menu .sub-menu a { display: block; padding: 10px 12px; color: var(--q-text); border-radius: 9px; font-size: 13px; font-weight: 700; }
.q-menu .sub-menu a:hover { color: var(--q-primary); background: var(--q-soft-purple); }
.q-header-actions { display: flex; align-items: center; gap: 10px; }
.q-menu-toggle {
  display: none; width: 46px; height: 46px; padding: 0; border: 1px solid var(--q-border);
  border-radius: 13px; background: #fff; flex-direction: column; align-items: center; justify-content: center; gap: 5px;
}
.q-menu-toggle span { display: block; width: 20px; height: 2px; border-radius: 99px; background: var(--q-dark); transition: .22s ease; }
.q-menu-toggle.is-open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.q-menu-toggle.is-open span:nth-child(2) { opacity: 0; }
.q-menu-toggle.is-open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* Hero */
.q-hero {
  min-height: 820px; position: relative; display: flex; align-items: center;
  padding: 158px 0 92px; background:
  radial-gradient(circle at 10% 20%, rgba(var(--q-secondary-rgb), .13), transparent 27rem),
  radial-gradient(circle at 88% 16%, rgba(var(--q-primary-rgb), .13), transparent 30rem),
  linear-gradient(180deg, #fff 0%, #fbfbff 70%, #fff 100%);
}
.q-hero::before {
  content: ""; position: absolute; top: 105px; left: 50%; width: min(1080px, 95vw); height: 620px; transform: translateX(-50%);
  background-image: linear-gradient(rgba(36,34,80,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(36,34,80,.04) 1px, transparent 1px);
  background-size: 48px 48px; mask-image: radial-gradient(circle, #000 15%, transparent 73%); pointer-events: none;
}
.q-hero-orb { position: absolute; border-radius: 50%; filter: blur(1px); pointer-events: none; }
.q-hero-orb-one { width: 80px; height: 80px; left: 4%; top: 32%; background: linear-gradient(145deg, rgba(255,255,255,.8), rgba(var(--q-secondary-rgb), .25)); animation: qFloat 8s ease-in-out infinite; }
.q-hero-orb-two { width: 30px; height: 30px; right: 7%; bottom: 18%; background: var(--q-accent); opacity: .65; animation: qFloat 7s ease-in-out infinite reverse; }
.q-hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: .96fr 1.04fr; align-items: center; gap: 54px; }
.q-hero-copy h1 { max-width: 690px; }
.q-hero-copy h1::after { content: ""; display: inline-block; width: .18em; height: .18em; margin-left: .08em; border-radius: 50%; background: var(--q-secondary); vertical-align: .12em; box-shadow: 0 0 20px rgba(var(--q-secondary-rgb), .4); }
.q-hero-actions { display: flex; flex-wrap: wrap; gap: 13px; margin: 32px 0 23px; }
.q-trust-inline { display: flex; flex-wrap: wrap; gap: 16px; color: #5e6076; font-size: 12px; font-weight: 700; }
.q-trust-inline span { display: inline-flex; align-items: center; gap: 6px; }
.q-trust-inline .q-icon { width: 16px; color: var(--q-secondary); }
.q-hero-visual { position: relative; min-height: 590px; display: grid; place-items: center; }
.q-hero-visual::before, .q-hero-visual::after { content: ""; position: absolute; border-radius: 50%; border: 1px solid rgba(var(--q-primary-rgb), .14); animation: qRotate 20s linear infinite; }
.q-hero-visual::before { width: 540px; height: 540px; }
.q-hero-visual::after { width: 410px; height: 410px; border-style: dashed; animation-direction: reverse; animation-duration: 26s; }
.q-dashboard-window {
  position: relative; z-index: 2; width: min(570px, 94vw); padding: 12px;
  border: 1px solid rgba(255,255,255,.9); border-radius: 28px; background: rgba(255,255,255,.76);
  box-shadow: 0 34px 95px rgba(38,34,105,.18); backdrop-filter: blur(24px); animation: qFloat 6.4s ease-in-out infinite;
}
.q-window-bar { height: 38px; display: flex; align-items: center; gap: 6px; padding: 0 11px; }
.q-window-bar span { width: 8px; height: 8px; border-radius: 50%; background: #ff7a7a; }
.q-window-bar span:nth-child(2) { background: var(--q-accent); }
.q-window-bar span:nth-child(3) { background: var(--q-secondary); }
.q-window-bar i { width: 38%; height: 8px; margin-left: auto; border-radius: 99px; background: #edf0f8; }
.q-dashboard-layout { min-height: 390px; display: grid; grid-template-columns: 62px 1fr; overflow: hidden; border-radius: 20px; background: #f7f8fc; }
.q-dashboard-side { display: flex; flex-direction: column; align-items: center; gap: 18px; padding: 18px 10px; background: linear-gradient(180deg, var(--q-dark), #292560); }
.q-d-logo { width: 32px; height: 32px; display: grid; place-items: center; margin-bottom: 10px; border-radius: 10px; background: linear-gradient(145deg, var(--q-primary), var(--q-secondary)); color: #fff; font-weight: 900; }
.q-dashboard-side i { width: 22px; height: 7px; border-radius: 99px; background: rgba(255,255,255,.19); }
.q-dashboard-side i.is-active { width: 29px; background: #fff; }
.q-dashboard-content { padding: 21px; }
.q-d-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; color: var(--q-dark); font-size: 12px; font-weight: 800; }
.q-d-top b { color: var(--q-secondary); font-size: 10px; }
.q-d-greeting { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 18px; border-radius: 17px; color: #fff; background: linear-gradient(135deg, var(--q-primary), #7169ef 52%, var(--q-secondary)); }
.q-d-greeting small, .q-d-greeting strong { display: block; }
.q-d-greeting small { opacity: .78; font-size: 9px; }
.q-d-greeting strong { max-width: 230px; margin-top: 3px; font-size: 15px; line-height: 1.25; }
.q-d-badge { padding: 7px 9px; border-radius: 99px; background: rgba(255,255,255,.16); border: 1px solid rgba(255,255,255,.17); font-size: 8px; font-weight: 800; }
.q-d-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 12px; }
.q-d-stats > div { min-height: 82px; padding: 12px; border-radius: 14px; background: #fff; border: 1px solid #eef0f6; }
.q-d-stats span, .q-d-stats strong { display: block; }
.q-d-stats span { color: #9597a8; font-size: 8px; }
.q-d-stats strong { margin: 5px 0 11px; color: var(--q-dark); font-size: 12px; }
.q-bar { display: block; height: 5px; border-radius: 99px; background: #eee; overflow: hidden; }
.q-bar::after { content: ""; display: block; width: 72%; height: 100%; border-radius: inherit; background: var(--q-primary); }
.q-bar.is-green::after { width: 84%; background: var(--q-secondary); }
.q-bar.is-gold::after { width: 65%; background: var(--q-accent); }
.q-d-bottom { display: grid; grid-template-columns: 1.45fr .8fr; gap: 10px; margin-top: 12px; }
.q-chart-card, .q-mini-list { min-height: 115px; padding: 12px; border-radius: 14px; background: #fff; border: 1px solid #eef0f6; }
.q-chart-card > span, .q-mini-list > span { display: block; color: var(--q-dark); font-size: 9px; font-weight: 800; }
.q-chart { height: 68px; display: flex; align-items: end; gap: 7px; margin-top: 10px; }
.q-chart i { flex: 1; border-radius: 5px 5px 2px 2px; background: linear-gradient(180deg, var(--q-primary), rgba(var(--q-primary-rgb), .18)); }
.q-chart i:nth-child(1) { height: 34%; }.q-chart i:nth-child(2) { height: 54%; }.q-chart i:nth-child(3) { height: 43%; }.q-chart i:nth-child(4) { height: 76%; }.q-chart i:nth-child(5) { height: 64%; }.q-chart i:nth-child(6) { height: 92%; background: linear-gradient(180deg, var(--q-secondary), rgba(var(--q-secondary-rgb), .18)); }
.q-mini-list i { display: block; margin-top: 8px; padding: 6px 7px; border-radius: 7px; color: #73768d; background: #f5f6fa; font-size: 7px; font-style: normal; font-weight: 700; }
.q-float-card {
  position: absolute; z-index: 4; display: flex; align-items: center; gap: 10px; padding: 11px 13px;
  border: 1px solid rgba(255,255,255,.92); border-radius: 15px; background: rgba(255,255,255,.88);
  box-shadow: var(--q-shadow-soft); backdrop-filter: blur(20px); animation: qFloat 5.8s ease-in-out infinite;
}
.q-float-card strong, .q-float-card small { display: block; white-space: nowrap; }
.q-float-card strong { color: var(--q-dark); font-size: 11px; }
.q-float-card small { color: var(--q-muted); font-size: 8px; }
.q-float-icon { width: 35px; height: 35px; display: grid; place-items: center; border-radius: 11px; }
.q-float-icon .q-icon { width: 18px; }
.q-float-icon.is-purple { color: var(--q-primary); background: rgba(var(--q-primary-rgb), .1); }
.q-float-icon.is-green { color: var(--q-secondary); background: rgba(var(--q-secondary-rgb), .1); }
.q-float-icon.is-gold { color: #c57a00; background: rgba(255,181,71,.17); }
.q-float-one { top: 62px; right: -4px; animation-delay: -2s; }
.q-float-two { left: -25px; bottom: 130px; animation-delay: -3.1s; }
.q-float-three { right: 30px; bottom: 28px; animation-delay: -1.2s; }

/* Trust strip */
.q-trusted-strip { padding: 30px 0 38px; }
.q-trusted-strip .q-container { text-align: center; }
.q-trusted-strip p { margin-bottom: 20px; color: #9b9dae; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.q-trusted-items { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 16px 38px; }
.q-trusted-items span { color: #5b5d72; font-size: 15px; font-weight: 800; letter-spacing: -.02em; opacity: .72; }

/* Services */
.q-services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.q-service-card {
  min-height: 315px; display: flex; flex-direction: column; padding: 28px;
  border: 1px solid var(--q-border); border-radius: var(--q-radius-lg); background: #fff;
  box-shadow: 0 12px 34px rgba(30,28,83,.045); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.q-service-card:hover { transform: translateY(-7px); border-color: rgba(var(--q-primary-rgb), .2); box-shadow: var(--q-shadow-soft); }
.q-service-icon { width: 52px; height: 52px; display: grid; place-items: center; margin-bottom: 27px; border-radius: 15px; color: var(--q-primary); background: linear-gradient(145deg, rgba(var(--q-primary-rgb), .11), rgba(var(--q-secondary-rgb), .1)); }
.q-service-icon .q-icon { width: 25px; height: 25px; }
.q-service-card h3 { margin-bottom: 12px; }
.q-service-card p { font-size: 14px; }
.q-service-card > a { display: inline-flex; align-items: center; gap: 8px; margin-top: auto; color: var(--q-primary); font-size: 13px; font-weight: 800; }
.q-service-card > a .q-icon { width: 17px; }

/* Solution */
.q-solution-grid { display: grid; grid-template-columns: .96fr 1.04fr; align-items: center; gap: 72px; }
.q-solution-visual { min-height: 510px; display: grid; place-items: center; position: relative; border-radius: 38px; background: radial-gradient(circle at 16% 10%, rgba(var(--q-secondary-rgb), .2), transparent 32%), radial-gradient(circle at 88% 82%, rgba(var(--q-primary-rgb), .18), transparent 34%), #eef0fb; overflow: hidden; }
.q-solution-visual::before { content: ""; position: absolute; width: 380px; height: 380px; border: 1px solid rgba(var(--q-primary-rgb), .13); border-radius: 50%; }
.q-solution-panel { position: relative; z-index: 2; width: min(420px, calc(100% - 44px)); padding: 23px; border-radius: 25px; background: rgba(255,255,255,.9); box-shadow: var(--q-shadow); transform: rotate(-1.5deg); }
.q-solution-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; color: var(--q-dark); font-size: 12px; font-weight: 800; }
.q-solution-head b { padding: 6px 9px; border-radius: 99px; color: #08786b; background: rgba(var(--q-secondary-rgb), .12); font-size: 8px; }
.q-solution-kpis { display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; }
.q-solution-kpis div { padding: 12px; border-radius: 13px; background: #f7f8fc; }
.q-solution-kpis small, .q-solution-kpis strong { display: block; }
.q-solution-kpis small { color: #9a9caf; font-size: 7px; }
.q-solution-kpis strong { margin-top: 4px; color: var(--q-dark); font-size: 10px; }
.q-solution-chart { height: 130px; display: flex; align-items: end; gap: 12px; padding: 22px 18px 10px; margin: 12px 0; border-radius: 15px; background: linear-gradient(180deg, #fff, #f5f6fb); border: 1px solid #edf0f5; }
.q-solution-chart .q-line { flex: 1; border-radius: 8px 8px 3px 3px; background: linear-gradient(180deg, var(--q-primary), rgba(var(--q-primary-rgb), .16)); }
.q-solution-chart .l1{height:32%}.q-solution-chart .l2{height:56%}.q-solution-chart .l3{height:45%}.q-solution-chart .l4{height:76%}.q-solution-chart .l5{height:94%;background:linear-gradient(180deg,var(--q-secondary),rgba(var(--q-secondary-rgb),.16))}
.q-solution-list { display: grid; gap: 7px; }
.q-solution-list i { display: flex; align-items: center; gap: 8px; color: #74768a; font-size: 8px; font-style: normal; font-weight: 700; }
.q-solution-list i span { width: 7px; height: 7px; border-radius: 50%; background: var(--q-secondary); }
.q-solution-copy > p { max-width: 620px; font-size: 17px; }
.q-check-list { display: grid; gap: 20px; margin: 30px 0; }
.q-check-list > div { display: flex; align-items: flex-start; gap: 14px; }
.q-check-list > div > .q-icon { width: 23px; height: 23px; padding: 4px; border-radius: 50%; color: #fff; background: var(--q-secondary); }
.q-check-list strong, .q-check-list small { display: block; }
.q-check-list strong { color: var(--q-dark); font-size: 15px; }
.q-check-list small { margin-top: 4px; color: var(--q-muted); font-size: 13px; }

/* Products */
.q-products-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; }
.q-product-card { position: relative; min-height: 420px; padding: 31px; overflow: hidden; border: 1px solid var(--q-border); border-radius: var(--q-radius-xl); background: linear-gradient(145deg, #fff, #fafaff); box-shadow: 0 14px 42px rgba(30,28,83,.05); transition: transform .25s ease, box-shadow .25s ease; }
.q-product-card:nth-child(2) { background: linear-gradient(145deg, #fff, #f2fbf9); }
.q-product-card:nth-child(3) { background: linear-gradient(145deg, #fff, #fff8ec); }
.q-product-card:nth-child(4) { background: linear-gradient(145deg, #fff, #f2f5ff); }
.q-product-card:hover { transform: translateY(-7px); box-shadow: var(--q-shadow-soft); }
.q-product-top { display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.q-product-icon { width: 50px; height: 50px; display: grid; place-items: center; border-radius: 15px; color: var(--q-primary); background: rgba(var(--q-primary-rgb), .1); }
.q-product-icon .q-icon { width: 25px; }
.q-product-top small { padding: 7px 10px; border-radius: 99px; color: var(--q-primary); background: rgba(var(--q-primary-rgb), .07); font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.q-product-card h3 { margin-top: 24px; font-size: 27px; }
.q-product-card p { max-width: 500px; font-size: 14px; }
.q-product-card > a:not(.q-product-media) { position: relative; z-index: 2; display: inline-flex; align-items: center; gap: 8px; margin-top: 7px; color: var(--q-primary); font-size: 13px; font-weight: 800; }
.q-product-preview { position: absolute; width: 260px; height: 150px; right: -20px; bottom: -18px; padding: 18px; border: 1px solid rgba(255,255,255,.9); border-radius: 21px 0 0 0; background: rgba(255,255,255,.74); box-shadow: -16px -16px 40px rgba(30,28,83,.08); transform: rotate(-4deg); backdrop-filter: blur(15px); }
.q-product-preview span { display: block; height: 8px; margin-bottom: 8px; border-radius: 99px; background: #e8eaf2; }
.q-product-preview span:nth-child(1) { width: 42%; background: rgba(var(--q-primary-rgb), .25); }
.q-product-preview span:nth-child(2) { width: 78%; }
.q-product-preview span:nth-child(3) { width: 60%; }
.q-product-preview i { display: block; width: 56%; height: 48px; margin-top: 14px; border-radius: 11px; background: linear-gradient(145deg, rgba(var(--q-primary-rgb), .16), rgba(var(--q-secondary-rgb), .17)); }
.q-product-preview b { position: absolute; width: 63px; height: 63px; right: 19px; bottom: 21px; border-radius: 50%; border: 11px solid rgba(var(--q-secondary-rgb), .22); }

.q-product-card.has-product-image { display: flex; flex-direction: column; padding-bottom: 0; }
.q-product-card.has-product-image .q-product-link { margin-bottom: 4px; }
.q-product-media { position: relative; z-index: 1; display: grid; place-items: center; width: auto; margin: 26px -31px 0; margin-top: auto; overflow: hidden; border-top: 1px solid rgba(18,31,60,.08); background: linear-gradient(145deg, rgba(var(--q-primary-rgb),.055), rgba(var(--q-secondary-rgb),.07)); isolation: isolate; }
.q-product-media::after { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; background: linear-gradient(180deg, rgba(255,255,255,.035), transparent 55%, rgba(5,12,35,.075)); opacity: .52; transition: opacity .3s ease; }
.q-product-media img { position: relative; z-index: 1; display: block; width: 100%; height: 100%; transition: transform .55s cubic-bezier(.2,.65,.25,1), filter .35s ease; }
.q-product-media--smart::before { content: ""; position: absolute; inset: -28px; z-index: 0; background-image: var(--q-product-image); background-size: cover; background-position: center; filter: blur(20px) saturate(.9); opacity: .28; transform: scale(1.08); }
.q-product-media--smart img { width: calc(100% - 18px); height: calc(100% - 16px); object-fit: contain !important; filter: drop-shadow(0 10px 22px rgba(14,24,52,.12)); }
.q-product-media--contain img { object-fit: contain !important; }
.q-product-media--cover img { object-fit: cover !important; }
.q-product-card:hover .q-product-media--cover img { transform: scale(1.035); }
.q-product-card:hover .q-product-media--smart img,.q-product-card:hover .q-product-media--contain img { transform: scale(1.012); }
.q-product-card:hover .q-product-media::after { opacity: .2; }

/* Impact */
.q-impact-section { color: #fff; background: radial-gradient(circle at 85% 20%, rgba(var(--q-secondary-rgb), .22), transparent 26rem), linear-gradient(135deg, var(--q-dark), #282364 58%, #233d6c); }
.q-impact-head { display: grid; grid-template-columns: 1.2fr .8fr; align-items: end; gap: 48px; margin-bottom: 55px; }
.q-impact-head h2, .q-impact-card h3 { color: #fff; }
.q-impact-head h2 { margin-bottom: 0; }
.q-impact-head > p { margin-bottom: 0; color: rgba(255,255,255,.67); font-size: 16px; }
.q-impact-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 15px; }
.q-impact-card { min-height: 245px; padding: 26px; border: 1px solid rgba(255,255,255,.11); border-radius: 22px; background: rgba(255,255,255,.055); transition: transform .25s ease, background .25s ease; }
.q-impact-card:hover { transform: translateY(-6px); background: rgba(255,255,255,.09); }
.q-impact-card > strong { display: block; margin-bottom: 55px; color: var(--q-accent); font-size: 12px; }
.q-impact-card h3 { font-size: 19px; }
.q-impact-card p { margin-bottom: 0; color: rgba(255,255,255,.62); font-size: 13px; }

/* Process */
.q-process-grid { position: relative; display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; }
.q-process-grid::before { content: ""; position: absolute; top: 35px; left: 10%; right: 10%; height: 1px; background: linear-gradient(90deg, transparent, rgba(var(--q-primary-rgb), .25), transparent); }
.q-process-card { position: relative; z-index: 2; padding: 28px 24px; border: 1px solid var(--q-border); border-radius: 22px; background: #fff; box-shadow: 0 12px 34px rgba(30,28,83,.04); }
.q-process-card > span { width: 54px; height: 54px; display: grid; place-items: center; margin-bottom: 34px; border-radius: 16px; color: #fff; background: linear-gradient(145deg, var(--q-primary), #746cff); box-shadow: 0 13px 30px rgba(var(--q-primary-rgb), .22); font-size: 13px; font-weight: 800; }
.q-process-card h3 { font-size: 20px; }
.q-process-card p { margin-bottom: 0; font-size: 13px; }

/* Portfolio */
.q-portfolio-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 21px; }
.q-project-card { overflow: hidden; border: 1px solid var(--q-border); border-radius: 25px; background: #fff; box-shadow: 0 12px 36px rgba(30,28,83,.045); transition: transform .25s ease, box-shadow .25s ease; }
.q-project-card:hover { transform: translateY(-6px); box-shadow: var(--q-shadow-soft); }
.q-project-image { display: block; height: 245px; overflow: hidden; background: #eceefa; }
.q-project-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.q-project-card:hover .q-project-image img { transform: scale(1.04); }
.q-project-placeholder { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; background: linear-gradient(145deg, #dcd8ff, #f9f8ff 52%, #bfece5); }
.q-project-placeholder::before { content: ""; position: absolute; inset: 32px 25px 0; border-radius: 17px 17px 0 0; background: #fff; box-shadow: 0 17px 45px rgba(30,28,83,.14); }
.q-project-placeholder::after { content: ""; position: absolute; left: 49px; right: 49px; top: 60px; height: 30px; border-radius: 9px; background: linear-gradient(90deg, var(--q-primary), var(--q-secondary)); }
.q-project-placeholder i, .q-project-placeholder b, .q-project-placeholder em { position: absolute; z-index: 2; display: block; border-radius: 8px; background: #edf0f7; }
.q-project-placeholder i { left: 50px; top: 105px; width: 42%; height: 66px; }
.q-project-placeholder b { right: 50px; top: 105px; width: 31%; height: 66px; }
.q-project-placeholder em { left: 50px; right: 50px; top: 184px; height: 22px; }
.q-project-2 { background: linear-gradient(145deg, #cef2eb, #fff 55%, #f9d9df); }
.q-project-3 { background: linear-gradient(145deg, #ffe2b7, #fff 55%, #dcd8ff); }
.q-project-copy { padding: 24px; }
.q-project-copy small { display: block; margin-bottom: 10px; color: var(--q-primary); font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; }
.q-project-copy h3 { font-size: 20px; }
.q-project-copy p { margin-bottom: 0; font-size: 13px; }

/* Testimonials */
.q-testimonial-section { background: #fff; }
.q-testimonial-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 60px; align-items: center; }
.q-testimonial-intro > p { max-width: 500px; font-size: 16px; }
.q-rating-box { display: flex; align-items: center; gap: 15px; margin-top: 30px; padding: 17px 19px; border: 1px solid var(--q-border); border-radius: 17px; background: var(--q-soft); }
.q-rating-box strong { color: var(--q-dark); font-size: 24px; }
.q-rating-box span { color: var(--q-muted); font-size: 12px; }
.q-testimonial-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.q-testimonial-card { margin: 0; padding: 26px; border: 1px solid var(--q-border); border-radius: 22px; background: linear-gradient(145deg, #fff, #fafaff); box-shadow: 0 13px 38px rgba(30,28,83,.045); }
.q-testimonial-card:first-child:last-child, .q-testimonial-card:nth-child(3) { grid-column: 1 / -1; }
.q-testimonial-card p { color: #4f5165; font-size: 14px; font-style: normal; }
.q-testimonial-card footer { display: flex; align-items: center; gap: 11px; margin-top: 23px; }
.q-avatar { width: 39px; height: 39px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: linear-gradient(145deg, var(--q-primary), var(--q-secondary)); font-size: 13px; font-weight: 800; }
.q-testimonial-card footer strong, .q-testimonial-card footer small { display: block; }
.q-testimonial-card footer strong { color: var(--q-dark); font-size: 12px; }
.q-testimonial-card footer small { margin-top: 2px; color: var(--q-muted); font-size: 9px; }

/* FAQ */
.q-faq-layout { display: grid; grid-template-columns: .82fr 1.18fr; gap: 70px; align-items: start; }
.q-faq-intro { position: sticky; top: 120px; }
.q-faq-intro > p { max-width: 470px; }
.q-faq-intro .q-btn { margin-top: 14px; }
.q-accordion { display: grid; gap: 12px; }
.q-accordion-item { overflow: hidden; border: 1px solid var(--q-border); border-radius: 18px; background: #fff; }
.q-accordion-item > button { width: 100%; min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 22px; border: 0; color: var(--q-dark); background: transparent; text-align: left; font-size: 15px; font-weight: 800; }
.q-accordion-item > button i { width: 22px; height: 22px; position: relative; flex: 0 0 auto; border-radius: 50%; background: rgba(var(--q-primary-rgb), .08); }
.q-accordion-item > button i::before, .q-accordion-item > button i::after { content: ""; position: absolute; top: 50%; left: 50%; width: 10px; height: 2px; border-radius: 99px; background: var(--q-primary); transform: translate(-50%,-50%); }
.q-accordion-item > button i::after { transform: translate(-50%,-50%) rotate(90deg); transition: transform .22s ease; }
.q-accordion-item.is-open > button i::after { transform: translate(-50%,-50%) rotate(0); }
.q-accordion-content { max-height: 0; overflow: hidden; transition: max-height .28s ease; }
.q-accordion-content p { padding: 0 22px 21px; margin: 0; font-size: 13px; }
.q-accordion-item.is-open .q-accordion-content { max-height: 260px; }

/* Blog cards */
.q-post-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 21px; }
.q-post-card { overflow: hidden; border: 1px solid var(--q-border); border-radius: 24px; background: #fff; box-shadow: 0 12px 36px rgba(30,28,83,.045); transition: transform .25s ease, box-shadow .25s ease; }
.q-post-card:hover { transform: translateY(-6px); box-shadow: var(--q-shadow-soft); }
.q-post-image { display: block; height: 220px; overflow: hidden; background: var(--q-soft-purple); }
.q-post-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.q-post-card:hover .q-post-image img { transform: scale(1.04); }
.q-post-placeholder { width: 100%; height: 100%; display: grid; place-items: center; position: relative; overflow: hidden; color: #fff; background: linear-gradient(135deg, var(--q-dark), var(--q-primary) 55%, var(--q-secondary)); font-size: 17px; font-weight: 800; }
.q-post-placeholder::before, .q-post-placeholder::after { content: ""; position: absolute; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; }
.q-post-placeholder::before { width: 170px; height: 170px; right: -50px; top: -70px; }
.q-post-placeholder::after { width: 90px; height: 90px; left: -25px; bottom: -36px; }
.q-post-copy { padding: 23px; }
.q-post-meta { display: flex; flex-wrap: wrap; gap: 8px 13px; margin-bottom: 12px; color: #9698aa; font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
.q-post-meta a { color: inherit; }
.q-post-copy h3 { font-size: 19px; line-height: 1.28; }
.q-post-copy p { font-size: 13px; }
.q-post-copy .q-text-link { margin-top: 5px; }

/* Contact */
.q-contact-section { padding-top: 80px; background: #fff; }
.q-contact-card { position: relative; overflow: hidden; display: grid; grid-template-columns: .9fr 1.1fr; gap: 54px; padding: 56px; border-radius: 35px; color: #fff; background: radial-gradient(circle at 86% 10%, rgba(var(--q-secondary-rgb), .3), transparent 25rem), linear-gradient(135deg, var(--q-dark), #2d286c 58%, #253e70); box-shadow: 0 35px 90px rgba(30,28,83,.18); }
.q-contact-card::before { content: ""; position: absolute; width: 420px; height: 420px; right: -180px; bottom: -230px; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; }
.q-contact-copy, .q-contact-form { position: relative; z-index: 2; }
.q-contact-copy h2 { color: #fff; }
.q-contact-copy > p { color: rgba(255,255,255,.68); }
.q-contact-points { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.q-contact-points span { display: inline-flex; align-items: center; gap: 7px; color: rgba(255,255,255,.78); font-size: 11px; font-weight: 700; }
.q-contact-points .q-icon { width: 16px; color: var(--q-accent); }
.q-contact-form { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; padding: 25px; border: 1px solid rgba(255,255,255,.11); border-radius: 24px; background: rgba(255,255,255,.08); backdrop-filter: blur(15px); }
.q-field { display: grid; gap: 7px; }
.q-field-full { grid-column: 1 / -1; }
.q-field label { color: rgba(255,255,255,.8); font-size: 10px; font-weight: 800; }
.q-field input, .q-field textarea, .q-field select { width: 100%; min-height: 48px; padding: 12px 13px; border: 1px solid rgba(255,255,255,.13); border-radius: 11px; outline: none; color: #fff; background: rgba(255,255,255,.08); transition: border-color .2s ease, background .2s ease; }
.q-field textarea { min-height: 105px; resize: vertical; }
.q-field input::placeholder, .q-field textarea::placeholder { color: rgba(255,255,255,.38); }
.q-field select option { color: var(--q-dark); }
.q-field input:focus, .q-field textarea:focus, .q-field select:focus { border-color: rgba(255,255,255,.42); background: rgba(255,255,255,.12); }

/* Footer */
.q-site-footer { padding: 90px 0 26px; background: #f6f7fb; border-top: 1px solid var(--q-border); }
.q-footer-top { display: grid; grid-template-columns: 1.5fr repeat(3, .72fr); gap: 55px; }
.q-footer-brand > p { max-width: 390px; margin-top: 24px; font-size: 13px; }
.q-footer-contact { display: grid; gap: 6px; margin-top: 18px; color: var(--q-primary); font-size: 12px; font-weight: 700; }
.q-footer-column h3 { margin: 5px 0 19px; font-size: 14px; letter-spacing: -.02em; }
.q-footer-column ul, .q-footer-menu, .q-legal-menu { margin: 0; padding: 0; list-style: none; }
.q-footer-column li { margin: 10px 0; }
.q-footer-column a { color: var(--q-muted); font-size: 12px; transition: color .2s ease; }
.q-footer-column a:hover { color: var(--q-primary); }
.q-footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 60px; padding-top: 22px; border-top: 1px solid var(--q-border); }
.q-footer-bottom p { margin: 0; font-size: 10px; }
.q-legal-menu { display: flex; flex-wrap: wrap; gap: 15px; }
.q-legal-menu a { color: var(--q-muted); font-size: 10px; }

/* Generic content */
.q-content-area { padding: 150px 0 100px; }
.q-page-header { max-width: 820px; margin-bottom: 45px; }
.q-page-header h1 { font-size: clamp(38px, 5vw, 62px); }
.q-entry-layout { display: grid; grid-template-columns: minmax(0, 1fr) 310px; gap: 55px; }
.no-sidebar .q-entry-layout { display: block; max-width: 880px; margin-inline: auto; }
.q-entry-card { overflow: hidden; border: 1px solid var(--q-border); border-radius: 26px; background: #fff; box-shadow: 0 14px 45px rgba(30,28,83,.05); }
.q-entry-card + .q-entry-card { margin-top: 22px; }
.q-entry-thumb img { width: 100%; max-height: 540px; object-fit: cover; }
.q-entry-body { padding: clamp(24px, 5vw, 46px); }
.q-entry-body h1, .q-entry-body h2, .q-entry-body h3 { margin-top: 1.3em; }
.q-entry-body h1:first-child, .q-entry-body h2:first-child, .q-entry-body h3:first-child { margin-top: 0; }
.q-entry-body a { color: var(--q-primary); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.q-entry-body blockquote { margin: 30px 0; padding: 22px 25px; border-left: 4px solid var(--q-primary); border-radius: 0 15px 15px 0; background: var(--q-soft-purple); }
.q-entry-body table { width: 100%; border-collapse: collapse; }
.q-entry-body th, .q-entry-body td { padding: 12px; border: 1px solid var(--q-border); text-align: left; }
.q-entry-meta { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 18px; color: var(--q-muted); font-size: 11px; }
.q-pagination { margin-top: 35px; }
.q-pagination .nav-links { display: flex; flex-wrap: wrap; gap: 8px; }
.q-pagination a, .q-pagination span { min-width: 42px; height: 42px; display: grid; place-items: center; padding: 0 10px; border: 1px solid var(--q-border); border-radius: 11px; background: #fff; font-size: 12px; font-weight: 800; }
.q-pagination .current { color: #fff; border-color: var(--q-primary); background: var(--q-primary); }
.qolama-widget { padding: 22px; border: 1px solid var(--q-border); border-radius: 20px; background: #fff; box-shadow: 0 12px 35px rgba(30,28,83,.04); }
.qolama-widget + .qolama-widget { margin-top: 18px; }
.widget-title { margin-bottom: 18px; font-size: 17px; }
.qolama-widget ul { margin: 0; padding-left: 18px; }
.qolama-widget li { margin: 8px 0; color: var(--q-muted); font-size: 12px; }
.q-empty-state { padding: 50px; text-align: center; border: 1px dashed rgba(var(--q-primary-rgb), .25); border-radius: 24px; background: var(--q-soft-purple); }

/* Reveal */
.q-reveal { opacity: 0; transform: translateY(22px); transition: opacity .7s ease, transform .7s ease; }
.q-reveal.is-visible { opacity: 1; transform: translateY(0); }
@keyframes qFloat { 0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)} }
@keyframes qRotate { to{transform:rotate(360deg)} }

/* Responsive */
@media (max-width: 1120px) {
  .q-container { width: min(var(--q-container), calc(100% - 32px)); }
  .q-main-nav { position: fixed; top: 84px; left: 16px; right: 16px; margin: 0; padding: 13px; border: 1px solid var(--q-border); border-radius: 20px; background: rgba(255,255,255,.97); box-shadow: var(--q-shadow); opacity: 0; visibility: hidden; transform: translateY(-10px); transition: .22s ease; }
  body.admin-bar .q-main-nav { top: 116px; }
  .q-main-nav.is-open { opacity: 1; visibility: visible; transform: translateY(0); }
  .q-menu { display: grid; }
  .q-menu > li > a { min-height: 46px; }
  .q-menu .sub-menu { position: static; display: none; min-width: 0; margin: 0 0 8px 16px; padding: 5px; opacity: 1; visibility: visible; transform: none; box-shadow: none; }
  .q-menu li:hover > .sub-menu, .q-menu li:focus-within > .sub-menu { display: block; }
  .q-menu-toggle { display: flex; }
  .q-header-cta { display: none; }
  .q-hero-grid { grid-template-columns: 1fr; text-align: center; }
  .q-hero-copy { max-width: 830px; margin-inline: auto; }
  .q-hero-copy h1, .q-hero-copy .q-lead { margin-inline: auto; }
  .q-hero-actions, .q-trust-inline { justify-content: center; }
  .q-hero-visual { min-height: 610px; }
  .q-solution-grid, .q-testimonial-layout, .q-faq-layout { gap: 45px; }
  .q-impact-grid { grid-template-columns: repeat(2,1fr); }
  .q-process-grid { grid-template-columns: repeat(2,1fr); }
  .q-process-grid::before { display: none; }
  .q-footer-top { grid-template-columns: 1.3fr repeat(2, .7fr); }
  .q-footer-column:last-child { display: none; }
}

@media (max-width: 900px) {
  body.admin-bar .q-site-header { top: 46px; }
  .q-section { padding: 88px 0; }
  .q-services-grid { grid-template-columns: repeat(2,1fr); }
  .q-solution-grid, .q-testimonial-layout, .q-faq-layout, .q-contact-card { grid-template-columns: 1fr; }
  .q-solution-copy { order: -1; }
  .q-solution-visual { min-height: 470px; }
  .q-impact-head { grid-template-columns: 1fr; gap: 18px; }
  .q-portfolio-grid, .q-post-grid { grid-template-columns: repeat(2,1fr); }
  .q-project-card:last-child, .q-post-card:last-child { grid-column: 1 / -1; }
  .q-faq-intro { position: static; }
  .q-contact-card { padding: 44px; }
  .q-footer-top { grid-template-columns: 1.3fr .7fr .7fr; gap: 30px; }
  .q-entry-layout { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
  body.admin-bar .q-main-nav { top: 130px; }
  .q-container { width: min(100% - 24px, var(--q-container)); }
  .q-site-header { padding: 10px 0; }
  .q-header-inner { min-height: 52px; }
  .q-brand-mark { width: 41px; height: 41px; border-radius: 13px; }
  .q-brand-copy strong { font-size: 18px; }
  .q-brand-copy small { font-size: 9px; }
  .custom-logo { max-height: 46px; }
  .q-main-nav { top: 75px; left: 12px; right: 12px; }
  .q-hero { min-height: auto; padding: 125px 0 55px; }
  .q-hero-grid { gap: 34px; }
  .q-hero-copy h1 { font-size: clamp(40px, 12vw, 57px); }
  .q-hero-actions .q-btn { width: 100%; }
  .q-trust-inline { gap: 9px 14px; }
  .q-hero-visual { min-height: 460px; }
  .q-hero-visual::before { width: 390px; height: 390px; }
  .q-hero-visual::after { width: 300px; height: 300px; }
  .q-dashboard-window { width: 100%; padding: 8px; border-radius: 22px; }
  .q-dashboard-layout { min-height: 290px; grid-template-columns: 45px 1fr; }
  .q-dashboard-side { gap: 12px; padding: 12px 7px; }
  .q-d-logo { width: 26px; height: 26px; font-size: 11px; }
  .q-dashboard-side i { width: 16px; }
  .q-dashboard-content { padding: 12px; }
  .q-d-greeting { padding: 12px; }
  .q-d-greeting strong { max-width: 170px; font-size: 11px; }
  .q-d-badge { display: none; }
  .q-d-stats > div { min-height: 65px; padding: 8px; }
  .q-d-stats strong { font-size: 9px; margin: 3px 0 8px; }
  .q-d-bottom { grid-template-columns: 1fr; }
  .q-mini-list { display: none; }
  .q-chart-card { min-height: 85px; }
  .q-chart { height: 42px; }
  .q-float-card { padding: 8px; }
  .q-float-card strong { font-size: 9px; }
  .q-float-card small { display: none; }
  .q-float-icon { width: 29px; height: 29px; }
  .q-float-one { top: 13px; right: 1px; }
  .q-float-two { left: 0; bottom: 85px; }
  .q-float-three { right: 5px; bottom: 8px; }
  .q-trusted-items { gap: 14px 23px; }
  .q-services-grid, .q-products-grid, .q-impact-grid, .q-process-grid, .q-portfolio-grid, .q-testimonial-cards, .q-post-grid { grid-template-columns: 1fr; }
  .q-project-card:last-child, .q-post-card:last-child, .q-testimonial-card:nth-child(3) { grid-column: auto; }
  .q-section-heading { margin-bottom: 38px; }
  .q-split-heading { align-items: flex-start; flex-direction: column; }
  .q-service-card { min-height: auto; }
  .q-solution-visual { min-height: 390px; }
  .q-solution-panel { width: calc(100% - 28px); padding: 16px; }
  .q-solution-chart { height: 105px; }
  .q-product-card { min-height: 390px; padding: 25px; }
  .q-product-card.has-product-image { padding-bottom: 0; }
  .q-product-media { margin-left: -25px; margin-right: -25px; }
  .q-product-preview { width: 230px; height: 130px; }
  .q-impact-card { min-height: 210px; }
  .q-impact-card > strong { margin-bottom: 35px; }
  .q-contact-card { padding: 30px 22px; border-radius: 26px; }
  .q-contact-form { grid-template-columns: 1fr; padding: 18px; }
  .q-field-full { grid-column: auto; }
  .q-footer-top { grid-template-columns: 1fr 1fr; }
  .q-footer-brand { grid-column: 1 / -1; }
  .q-footer-bottom { align-items: flex-start; flex-direction: column; }
  .q-content-area { padding: 120px 0 75px; }
}

@media (max-width: 480px) {
  .q-section { padding: 74px 0; }
  h2 { font-size: 34px; }
  .q-eyebrow { font-size: 10px; }
  .q-hero-copy h1 { font-size: 41px; }
  .q-hero-visual { min-height: 420px; }
  .q-float-three { display: none; }
  .q-d-stats { gap: 5px; }
  .q-trusted-items span { font-size: 13px; }
  .q-footer-top { grid-template-columns: 1fr; }
  .q-footer-brand { grid-column: auto; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
  .q-reveal { opacity: 1; transform: none; }
}

.search-form { display: flex; align-items: stretch; gap: 8px; }
.search-form label { flex: 1; }
.search-field { width: 100%; min-height: 46px; padding: 11px 13px; border: 1px solid var(--q-border); border-radius: 12px; outline: none; background: #fff; }
.search-field:focus { border-color: rgba(var(--q-primary-rgb), .45); box-shadow: 0 0 0 3px rgba(var(--q-primary-rgb), .08); }
.search-submit { width: 46px; display: grid; place-items: center; border: 0; border-radius: 12px; color: #fff; background: var(--q-primary); }
.post-navigation { margin: 24px 0; }
.post-navigation .nav-links { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.post-navigation a { display: block; padding: 18px; border: 1px solid var(--q-border); border-radius: 16px; background: #fff; }
.post-navigation .nav-next { text-align: right; }
.nav-subtitle, .nav-title { display: block; }
.nav-subtitle { margin-bottom: 5px; color: var(--q-muted); font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.nav-title { color: var(--q-dark); font-size: 12px; font-weight: 800; }
.comment-list { padding-left: 20px; }
.comment-list li { margin: 18px 0; }
.comment-form input:not([type="submit"]), .comment-form textarea { width: 100%; padding: 12px; border: 1px solid var(--q-border); border-radius: 11px; }
.comment-form .submit { min-height: 46px; padding: 12px 18px; border: 0; border-radius: 11px; color: #fff; background: var(--q-primary); font-weight: 800; }
@media(max-width:720px){.post-navigation .nav-links{grid-template-columns:1fr}.post-navigation .nav-next{text-align:left}}

/* ================================================================
   QOLAMA AI TECHNOLOGY REDESIGN — v0.3.0
   Clean, lightweight, trust-oriented visual system.
   ================================================================ */
:root {
  --q-primary: #6d5dfc;
  --q-primary-rgb: 109, 93, 252;
  --q-secondary: #18d6c0;
  --q-secondary-rgb: 24, 214, 192;
  --q-dark: #080d22;
  --q-accent: #8ee8ff;
  --q-text: #172039;
  --q-muted: #657089;
  --q-soft: #f5f7fc;
  --q-soft-purple: #f3f1ff;
  --q-border: rgba(18, 31, 60, .10);
  --q-shadow: 0 30px 90px rgba(5, 10, 35, .14);
  --q-shadow-soft: 0 18px 54px rgba(10, 18, 52, .09);
  --q-radius-xl: 34px;
  --q-radius-lg: 25px;
  --q-radius-md: 18px;
}

body { background: #fff; color: var(--q-text); }
h1, h2, h3, h4, h5, h6 { color: var(--q-dark); }
h1 { font-size: clamp(46px, 5.65vw, 78px); letter-spacing: -.058em; }
h2 { font-size: clamp(34px, 4vw, 55px); letter-spacing: -.052em; }
.q-section { padding: 122px 0; }
.q-soft-section { background: linear-gradient(180deg, #f9faff, #f3f5fb 52%, #fafbff); }

/* Header: dark glass on front page, clear and credible */
.qolama-front-page .q-site-header { padding: 20px 0; }
.qolama-front-page .q-site-header .q-header-inner {
  min-height: 62px; padding: 0 14px 0 8px; border: 1px solid rgba(255,255,255,.10);
  border-radius: 18px; background: rgba(7, 12, 33, .46); box-shadow: 0 15px 55px rgba(0,0,0,.16);
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
}
.qolama-front-page .q-brand-copy strong { color: #fff; }
.qolama-front-page .q-brand-copy small { color: rgba(222,231,255,.62); }
.qolama-front-page .q-menu > li > a { color: rgba(235,240,255,.76); }
.qolama-front-page .q-menu > li > a:hover,
.qolama-front-page .q-menu > li.current-menu-item > a,
.qolama-front-page .q-menu > li.current-menu-ancestor > a { color: #fff; background: rgba(255,255,255,.08); }
.qolama-front-page .q-site-header.is-scrolled { padding: 10px 0; background: transparent; border-color: transparent; box-shadow: none; backdrop-filter: none; }
.qolama-front-page .q-site-header.is-scrolled .q-header-inner { background: rgba(7,12,33,.88); border-color: rgba(255,255,255,.12); box-shadow: 0 16px 50px rgba(0,0,0,.22); }
.qolama-front-page .q-header-cta {
  background: linear-gradient(135deg, #7565ff, #6554f5 55%, #3dcbdd);
  box-shadow: 0 12px 32px rgba(92, 75, 244, .32);
}
.qolama-front-page .q-brand-mark {
  background: linear-gradient(145deg, #7969ff, #5746e9 54%, #14d6c0);
  box-shadow: 0 0 0 1px rgba(255,255,255,.12), 0 12px 35px rgba(86,67,229,.42);
}

/* Tech labels and buttons */
.q-eyebrow {
  border-color: rgba(var(--q-primary-rgb), .15); background: rgba(var(--q-primary-rgb), .065);
  color: #5948ed; letter-spacing: .11em;
}
.q-eyebrow-tech {
  color: #b7c6ff; border-color: rgba(142,232,255,.20); background: rgba(142,232,255,.07);
  box-shadow: inset 0 0 18px rgba(142,232,255,.025);
}
.q-eyebrow-tech > span { background: #65f4d4; box-shadow: 0 0 18px rgba(101,244,212,.78); }
.q-btn { border-radius: 13px; }
.q-btn-primary {
  color: #fff; background: linear-gradient(135deg, #7565ff 0%, #624ff0 52%, #29bfd4 120%);
  box-shadow: 0 17px 44px rgba(92,75,244,.32), inset 0 1px 0 rgba(255,255,255,.24);
}
.q-btn-primary:hover { box-shadow: 0 22px 52px rgba(92,75,244,.42), 0 0 0 5px rgba(109,93,252,.08); }

/* Hero */
.q-ai-hero {
  min-height: 900px; padding: 166px 0 100px; color: #fff; overflow: hidden;
  background:
    radial-gradient(circle at 14% 28%, rgba(35, 220, 206, .12), transparent 30rem),
    radial-gradient(circle at 84% 16%, rgba(110, 86, 255, .28), transparent 34rem),
    radial-gradient(circle at 70% 76%, rgba(34, 126, 255, .13), transparent 28rem),
    linear-gradient(145deg, #050816 0%, #080d22 42%, #0c1230 100%);
}
.q-ai-hero::before {
  top: 70px; width: min(1240px, 98vw); height: 760px; background-image:
    linear-gradient(rgba(151,176,255,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(151,176,255,.055) 1px, transparent 1px);
  background-size: 58px 58px; mask-image: radial-gradient(ellipse, #000 15%, transparent 73%);
}
.q-ai-grid { position: absolute; inset: 0; pointer-events: none; opacity: .45; background-image: linear-gradient(90deg, transparent 49.8%, rgba(138,160,255,.06) 50%, transparent 50.2%); background-size: 260px 100%; }
.q-ai-glow { position: absolute; border-radius: 50%; pointer-events: none; filter: blur(2px); }
.q-ai-glow-one { width: 370px; height: 370px; right: -180px; top: 230px; border: 1px solid rgba(130,115,255,.20); box-shadow: 0 0 120px rgba(112,89,255,.12), inset 0 0 90px rgba(112,89,255,.06); }
.q-ai-glow-two { width: 190px; height: 190px; left: -95px; bottom: 45px; border: 1px solid rgba(77,235,211,.18); box-shadow: 0 0 100px rgba(44,218,195,.1); }
.q-ai-hero .q-hero-grid { grid-template-columns: .92fr 1.08fr; gap: 66px; }
.q-ai-hero .q-hero-copy h1 { max-width: 720px; color: #fff; text-wrap: balance; }
.q-ai-hero .q-hero-copy h1::after { background: #69f2d4; box-shadow: 0 0 28px rgba(105,242,212,.8); }
.q-ai-hero .q-lead { max-width: 680px; color: rgba(218,226,250,.72); font-size: clamp(17px, 1.45vw, 19px); }
.q-ai-hero .q-btn-ghost { color: #fff; background: rgba(255,255,255,.055); border-color: rgba(255,255,255,.15); box-shadow: none; }
.q-ai-hero .q-btn-ghost:hover { color: #fff; background: rgba(255,255,255,.1); border-color: rgba(142,232,255,.35); }
.q-ai-hero .q-trust-inline { color: rgba(215,225,251,.68); gap: 19px; }
.q-ai-hero .q-trust-inline .q-icon { color: #63efcf; }
.q-hero-capabilities { margin-top: 34px; padding-top: 23px; border-top: 1px solid rgba(255,255,255,.09); }
.q-hero-capabilities small { display: block; margin-bottom: 12px; color: rgba(169,185,225,.46); font-size: 9px; font-weight: 800; letter-spacing: .16em; }
.q-hero-capabilities > div { display: flex; flex-wrap: wrap; gap: 8px; }
.q-hero-capabilities span { padding: 7px 10px; border: 1px solid rgba(255,255,255,.08); border-radius: 8px; color: rgba(224,231,250,.68); background: rgba(255,255,255,.035); font-size: 10px; font-weight: 700; }

/* AI console visual */
.q-ai-console {
  position: relative; min-height: 570px; padding: 0; overflow: hidden;
  border: 1px solid rgba(160,180,255,.16); border-radius: 28px;
  background: linear-gradient(160deg, rgba(19,28,66,.94), rgba(9,14,38,.98));
  box-shadow: 0 45px 110px rgba(0,0,0,.44), 0 0 0 1px rgba(255,255,255,.025), inset 0 1px 0 rgba(255,255,255,.08);
}
.q-ai-console::before { content:""; position:absolute; inset:-45% 15% auto; height:330px; background:radial-gradient(circle, rgba(105,88,255,.23), transparent 68%); pointer-events:none; }
.q-ai-console::after { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(160,180,255,.025) 1px, transparent 1px),linear-gradient(90deg, rgba(160,180,255,.025) 1px, transparent 1px); background-size:26px 26px; mask-image:linear-gradient(#000,transparent 75%); pointer-events:none; }
.q-ai-console-head { position:relative; z-index:2; min-height:54px; display:grid; grid-template-columns:90px 1fr auto; align-items:center; gap:14px; padding:0 20px; border-bottom:1px solid rgba(255,255,255,.08); color:rgba(200,212,244,.55); font-size:9px; font-weight:800; letter-spacing:.12em; }
.q-console-dots { display:flex; gap:6px; }
.q-console-dots i { width:8px; height:8px; border-radius:50%; background:#ff6b81; }
.q-console-dots i:nth-child(2){background:#ffbc55}.q-console-dots i:nth-child(3){background:#41d7b5}
.q-ai-console-head > span { text-align:center; }
.q-ai-console-head b { display:flex; align-items:center; gap:7px; color:#69eacb; font-size:8px; }
.q-ai-console-head b i { width:6px; height:6px; border-radius:50%; background:#5ff1cc; box-shadow:0 0 12px #5ff1cc; animation:qPulse 2s ease-in-out infinite; }
.q-ai-prompt { position:relative; z-index:2; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:13px; margin:22px; padding:16px; border:1px solid rgba(137,160,255,.16); border-radius:17px; background:rgba(255,255,255,.045); }
.q-ai-symbol { width:40px; height:40px; display:grid; place-items:center; border-radius:12px; color:#fff; background:linear-gradient(145deg,#7867ff,#4737c8); box-shadow:0 0 25px rgba(112,91,255,.32); font-size:16px; font-weight:900; }
.q-ai-prompt small,.q-ai-prompt strong { display:block; }
.q-ai-prompt small { margin-bottom:5px; color:rgba(169,187,231,.48); font-size:8px; font-weight:800; letter-spacing:.14em; }
.q-ai-prompt strong { color:#f4f7ff; font-size:13px; letter-spacing:-.02em; }
.q-ai-prompt em { width:32px; height:32px; display:grid; place-items:center; border-radius:10px; color:#091124; background:#6ce9d0; }
.q-ai-prompt em .q-icon { width:16px; }
.q-ai-scanline { position:relative; z-index:2; height:15px; margin:-4px 24px 12px; overflow:hidden; }
.q-ai-scanline::before { content:"AI ANALYSIS ACTIVE"; position:absolute; left:0; top:0; color:rgba(103,234,207,.5); font-size:7px; font-weight:800; letter-spacing:.13em; }
.q-ai-scanline span { position:absolute; right:0; top:6px; width:70%; height:1px; background:linear-gradient(90deg,transparent,rgba(105,239,211,.6),transparent); animation:qScan 3.5s linear infinite; }
.q-ai-modules { position:relative; z-index:2; display:grid; grid-template-columns:1fr 1fr; gap:11px; padding:0 22px; }
.q-ai-modules > div { min-height:137px; position:relative; padding:17px; border:1px solid rgba(143,160,222,.11); border-radius:16px; background:linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.022)); transition:.25s ease; }
.q-ai-modules > div:hover { transform:translateY(-3px); border-color:rgba(105,232,207,.26); background:rgba(255,255,255,.065); }
.q-ai-modules > div > span { width:35px; height:35px; display:grid; place-items:center; margin-bottom:15px; border-radius:11px; color:#8aeed8; background:rgba(97,235,207,.08); }
.q-ai-modules > div:nth-child(2) > span,.q-ai-modules > div:nth-child(4) > span { color:#a99eff; background:rgba(117,99,255,.12); }
.q-ai-modules .q-icon { width:18px; }
.q-ai-modules small { position:absolute; top:17px; right:17px; color:rgba(174,188,226,.33); font-size:9px; font-weight:800; }
.q-ai-modules strong { display:block; margin-bottom:6px; color:#f1f4ff; font-size:12px; }
.q-ai-modules p { margin:0; color:rgba(188,201,234,.52); font-size:9px; line-height:1.55; }
.q-ai-delivery { position:relative; z-index:2; display:grid; grid-template-columns:repeat(5,1fr); gap:4px; margin:17px 22px 22px; padding-top:15px; border-top:1px solid rgba(255,255,255,.07); }
.q-ai-delivery div { position:relative; text-align:center; }
.q-ai-delivery span { display:block; margin-bottom:8px; color:rgba(183,197,231,.42); font-size:6px; font-weight:800; letter-spacing:.08em; }
.q-ai-delivery i { display:block; height:3px; border-radius:99px; background:linear-gradient(90deg,#6e5aff,#55e6ca); opacity:.9; }
.q-ai-delivery div:last-child i { box-shadow:0 0 12px rgba(83,230,202,.56); }
.q-ai-float { position:absolute; z-index:5; min-width:194px; display:flex; align-items:center; gap:11px; padding:12px 14px; border:1px solid rgba(255,255,255,.14); border-radius:15px; background:rgba(10,17,45,.79); box-shadow:0 20px 60px rgba(0,0,0,.3); backdrop-filter:blur(18px); animation:qFloat 6s ease-in-out infinite; }
.q-ai-float > span { width:35px; height:35px; display:grid; place-items:center; border-radius:10px; color:#6aebd0; background:rgba(92,232,204,.1); }
.q-ai-float .q-icon { width:17px; }
.q-ai-float small,.q-ai-float strong { display:block; }
.q-ai-float small { color:rgba(177,195,235,.43); font-size:7px; font-weight:800; letter-spacing:.1em; }
.q-ai-float strong { margin-top:3px; color:#f2f5ff; font-size:10px; }
.q-ai-float-one { top:68px; right:-25px; animation-delay:-1.2s; }
.q-ai-float-two { left:-28px; bottom:130px; animation-delay:-3s; }
.q-ai-float-three { right:20px; bottom:-22px; animation-delay:-4.2s; }

/* Capability strip */
.q-tech-strip { position:relative; z-index:3; padding:34px 0 42px; background:#080d22; border-top:1px solid rgba(255,255,255,.06); }
.q-tech-strip p { color:rgba(173,190,230,.42); }
.q-tech-strip .q-trusted-items span { color:rgba(226,233,252,.67); font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:12px; letter-spacing:.02em; }
.q-tech-strip .q-trusted-items span::before { content:"/"; margin-right:9px; color:#55e6ca; opacity:.8; }

/* Service cards: engineered, not generic */
.q-services-grid { gap:18px; }
.q-service-card { min-height:330px; position:relative; overflow:hidden; padding:30px; border-color:rgba(18,31,60,.095); box-shadow:0 14px 45px rgba(14,24,62,.045); }
.q-service-card::before { content:""; position:absolute; inset:0 auto auto 0; width:100%; height:2px; background:linear-gradient(90deg,transparent,#7565ff,#45dfcf,transparent); opacity:0; transition:.25s ease; }
.q-service-card::after { content:""; position:absolute; right:-60px; top:-60px; width:140px; height:140px; border:1px solid rgba(109,93,252,.07); border-radius:50%; }
.q-service-card:hover::before { opacity:1; }
.q-service-card:hover { transform:translateY(-8px); border-color:rgba(109,93,252,.18); box-shadow:0 28px 70px rgba(14,24,62,.10); }
.q-service-icon { width:54px; height:54px; border-radius:16px; color:#6150ef; background:linear-gradient(145deg,rgba(109,93,252,.12),rgba(24,214,192,.09)); box-shadow:inset 0 0 0 1px rgba(109,93,252,.05); }
.q-service-card h3 { font-size:20px; }

/* Trust architecture section */
.q-trust-architecture { background:linear-gradient(180deg,#f7f8fd,#fff); }
.q-trust-console { position:relative; overflow:hidden; padding:24px; border:1px solid rgba(27,43,78,.11); border-radius:26px; background:#fff; box-shadow:0 32px 90px rgba(22,36,75,.11); }
.q-trust-console::before { content:""; position:absolute; width:260px; height:260px; left:-130px; top:-130px; border-radius:50%; background:rgba(109,93,252,.07); filter:blur(1px); }
.q-trust-console-head { position:relative; display:flex; align-items:center; justify-content:space-between; padding-bottom:18px; border-bottom:1px solid rgba(18,31,60,.08); color:#858da3; font-size:9px; font-weight:800; letter-spacing:.12em; }
.q-trust-console-head b { padding:6px 9px; border-radius:7px; color:#078b77; background:rgba(24,214,192,.10); font-size:7px; }
.q-trust-score { position:relative; display:flex; align-items:end; justify-content:space-between; gap:20px; padding:24px 0 19px; }
.q-trust-score small,.q-trust-score strong { display:block; }
.q-trust-score small { margin-bottom:6px; color:#9aa1b4; font-size:8px; font-weight:800; letter-spacing:.12em; }
.q-trust-score strong { color:var(--q-dark); font-size:27px; letter-spacing:-.045em; }
.q-trust-score > span { display:flex; gap:4px; }
.q-trust-score > span i { width:23px; height:7px; border-radius:99px; background:linear-gradient(90deg,#7565ff,#3edac4); }
.q-trust-checks { display:grid; gap:10px; }
.q-trust-checks > div { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:12px; padding:13px; border:1px solid rgba(18,31,60,.075); border-radius:13px; background:#fafbfe; }
.q-trust-checks > div > span { width:30px; height:30px; display:grid; place-items:center; border-radius:9px; color:#0b9c86; background:rgba(24,214,192,.11); }
.q-trust-checks .q-icon { width:15px; }
.q-trust-checks p { margin:0; }
.q-trust-checks strong,.q-trust-checks small { display:block; }
.q-trust-checks strong { color:#18213a; font-size:11px; }
.q-trust-checks small { margin-top:2px; color:#7b8398; font-size:8px; line-height:1.45; }
.q-trust-checks em { color:#0a927d; font-size:7px; font-style:normal; font-weight:900; letter-spacing:.1em; }
.q-check-list > div { align-items:flex-start; }
.q-check-list > div > .q-icon { width:20px; min-width:20px; margin-top:3px; color:#6958f3; }

/* Product cards */
.q-product-card { border-color:rgba(18,31,60,.095); box-shadow:0 15px 48px rgba(14,24,62,.055); }
.q-product-card:hover { border-color:rgba(109,93,252,.21); box-shadow:0 28px 75px rgba(14,24,62,.12); }
.q-product-preview { background:linear-gradient(145deg,#0c1330,#111a3e); border-color:rgba(109,93,252,.18); }
.q-product-preview::before { background:linear-gradient(90deg,rgba(117,101,255,.76),rgba(70,226,203,.68)); }

/* AI principles dark block */
.q-ai-principles { background:
  radial-gradient(circle at 78% 10%, rgba(106,84,255,.22),transparent 30rem),
  radial-gradient(circle at 15% 90%, rgba(26,214,191,.10),transparent 26rem),
  linear-gradient(145deg,#070b1b,#0b112b); }
.q-ai-principles .q-impact-head h2 { max-width:720px; color:#fff; }
.q-ai-principles .q-impact-head > p { color:rgba(211,221,248,.61); }
.q-ai-principles .q-impact-card { border-color:rgba(255,255,255,.09); background:rgba(255,255,255,.045); box-shadow:none; }
.q-ai-principles .q-impact-card:hover { border-color:rgba(102,236,210,.25); background:rgba(255,255,255,.065); }
.q-ai-principles .q-impact-card strong { color:#66ebd0; }
.q-ai-principles .q-impact-card h3 { color:#fff; }
.q-ai-principles .q-impact-card p { color:rgba(205,216,243,.56); }

/* Six-stage process */
.q-process-grid { grid-template-columns:repeat(3,1fr); gap:16px; }
.q-process-card { min-height:250px; position:relative; overflow:hidden; border-color:rgba(18,31,60,.09); }
.q-process-card::after { content:""; position:absolute; width:90px; height:90px; right:-45px; bottom:-45px; border:1px solid rgba(109,93,252,.10); border-radius:50%; }
.q-process-card > span { color:#6352f1; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; }

/* Portfolio as proof */
.q-split-heading > div > p { max-width:650px; margin-top:15px; }
.q-project-card { box-shadow:0 16px 50px rgba(14,24,62,.06); }
.q-project-card:hover { box-shadow:0 28px 80px rgba(14,24,62,.13); }
.q-project-image { background:linear-gradient(145deg,#0a1027,#121c43); }
.q-project-placeholder { background:linear-gradient(145deg,#0b1230,#141f4b); }

/* Accountability cards */
.q-testimonial-section { background:#fff; }
.q-rating-box strong { font-size:17px; color:#6150ef; }
.q-commitment-card { padding:26px; }
.q-commitment-card > span { display:inline-flex; margin-bottom:22px; color:#6b59f4; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:11px; font-weight:900; }
.q-commitment-card h3 { margin-bottom:10px; font-size:18px; }
.q-commitment-card p { margin:0; font-size:13px; }

/* FAQ and contact */
.q-accordion-item { border-color:rgba(18,31,60,.095); background:#fff; }
.q-accordion-item.is-open { border-color:rgba(109,93,252,.22); box-shadow:0 16px 45px rgba(30,37,82,.07); }
.q-contact-section { background:#fff; }
.q-contact-card {
  background:
    radial-gradient(circle at 80% 10%,rgba(113,91,255,.26),transparent 23rem),
    radial-gradient(circle at 10% 100%,rgba(31,221,195,.13),transparent 22rem),
    linear-gradient(145deg,#080d22,#101837);
  border:1px solid rgba(130,150,220,.13); box-shadow:0 35px 100px rgba(5,10,35,.22);
}
.q-contact-form { border-color:rgba(255,255,255,.10); background:rgba(255,255,255,.065); backdrop-filter:blur(14px); }
.q-contact-form input,.q-contact-form select,.q-contact-form textarea { border-color:rgba(255,255,255,.11); background:rgba(4,9,26,.42); color:#fff; }
.q-contact-form input::placeholder,.q-contact-form textarea::placeholder { color:rgba(215,225,248,.37); }
.q-contact-form label { color:rgba(228,235,252,.68); }

/* Footer */
.q-site-footer { background:#050817; }
.q-site-footer::before { background:linear-gradient(90deg,transparent,rgba(107,89,245,.45),rgba(57,223,201,.35),transparent); }

@keyframes qPulse { 0%,100%{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.12)} }
@keyframes qScan { from{transform:translateX(-100%)}to{transform:translateX(120%)} }

@media (max-width: 1080px) {
  .q-ai-hero { min-height:auto; padding-top:150px; }
  .q-ai-hero .q-hero-grid { grid-template-columns:1fr; gap:64px; }
  .q-ai-hero .q-hero-copy { max-width:820px; }
  .q-hero-visual { width:min(720px,100%); margin-inline:auto; }
  .q-ai-float-one { right:-8px; }
  .q-ai-float-two { left:-8px; }
  .q-process-grid { grid-template-columns:repeat(2,1fr); }
}

@media (max-width: 782px) {
  .qolama-front-page .q-site-header .q-header-inner { padding:0 8px 0 5px; }
  .qolama-front-page .q-menu-toggle { display:flex; color:#fff; border-color:rgba(255,255,255,.13); background:rgba(255,255,255,.06); }
  .qolama-front-page .q-menu-toggle span { background:#fff; }
  .qolama-front-page .q-main-nav { background:#0a1029; border-color:rgba(255,255,255,.1); }
  .qolama-front-page .q-main-nav .q-menu > li > a { color:rgba(237,241,255,.82); }
  .q-ai-hero { padding:138px 0 84px; }
  .q-ai-console { min-height:535px; }
  .q-ai-float { display:none; }
  .q-tech-strip { padding-bottom:34px; }
  .q-tech-strip .q-trusted-items { gap:10px 18px; }
  .q-process-grid { grid-template-columns:1fr; }
}

@media (max-width: 560px) {
  .q-section { padding:86px 0; }
  .q-ai-hero { padding-top:126px; }
  .q-ai-hero .q-hero-grid { gap:46px; }
  .q-ai-hero h1 { font-size:clamp(42px,13vw,58px); }
  .q-ai-hero .q-lead { font-size:16px; }
  .q-hero-capabilities span { font-size:9px; }
  .q-ai-console { min-height:0; border-radius:21px; }
  .q-ai-console-head { grid-template-columns:auto 1fr; padding:0 14px; }
  .q-ai-console-head > span { text-align:left; }
  .q-ai-console-head b { display:none; }
  .q-ai-prompt { margin:14px; padding:13px; }
  .q-ai-prompt strong { font-size:11px; }
  .q-ai-modules { grid-template-columns:1fr; padding:0 14px; }
  .q-ai-modules > div { min-height:112px; }
  .q-ai-delivery { margin:15px 14px 18px; }
  .q-ai-delivery span { font-size:5px; }
  .q-trust-console { padding:16px; }
  .q-trust-checks > div { grid-template-columns:auto 1fr; }
  .q-trust-checks em { display:none; }
  .q-process-card { min-height:auto; }
}

@media (prefers-reduced-motion: reduce) {
  .q-ai-console-head b i,.q-ai-scanline span,.q-ai-float { animation:none !important; }
}

/* Premium theme option overrides */
.q-section{padding:var(--q-section-space,104px) 0}
.q-service-card,.q-product-card,.q-project-card,.q-process-card,.q-testimonial-card,.q-contact-card,.q-ai-console,.q-trust-console{border-radius:var(--q-radius,24px)}
.q-btn,.q-btn-sm{border-radius:var(--q-button-radius,999px)}
.q-hero[style*="--q-hero-image"]::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,13,34,.82),rgba(8,13,34,.15)),var(--q-hero-image) center/cover no-repeat;opacity:.18;pointer-events:none}
.q-hero[style*="--q-hero-image"] .q-container{position:relative;z-index:3}
.q-site-header:not(.q-header-sticky){position:absolute}
.q-header-solid{background:#fff;border-color:var(--q-border)}
.q-header-dark{background:var(--q-dark);border-color:rgba(255,255,255,.08)}
.q-header-dark .q-brand-copy strong,.q-header-dark .q-menu>li>a{color:#fff}
.q-header-dark .q-brand-copy small{color:rgba(255,255,255,.65)}
.q-header-dark .q-menu-toggle{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15)}
.q-header-dark .q-menu-toggle span{background:#fff}
.q-header-minimal{background:transparent;padding-top:24px}
.q-header-minimal.is-scrolled{background:rgba(255,255,255,.96)}
.q-header-glass{background:rgba(255,255,255,.02);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.q-no-animations .q-reveal{opacity:1!important;transform:none!important;transition:none!important}
.q-back-to-top{position:fixed;right:24px;bottom:24px;z-index:1200;width:46px;height:46px;display:grid;place-items:center;border:0;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--q-primary),var(--q-secondary));box-shadow:0 14px 34px rgba(var(--q-primary-rgb),.28);opacity:0;visibility:hidden;transform:translateY(12px);transition:.22s ease}
.q-back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.q-back-to-top .q-icon{transform:rotate(-90deg)}
@media(max-width:782px){.q-back-to-top{right:16px;bottom:16px;width:42px;height:42px}.q-section{padding:calc(var(--q-section-space,104px)*.78) 0}}

/* Color system: ensure every premium palette controls the full experience */
.q-ai-hero{background:radial-gradient(circle at 14% 28%,rgba(var(--q-secondary-rgb),.14),transparent 30rem),radial-gradient(circle at 84% 16%,rgba(var(--q-primary-rgb),.30),transparent 34rem),linear-gradient(145deg,color-mix(in srgb,var(--q-dark) 92%,#000) 0%,var(--q-dark) 48%,color-mix(in srgb,var(--q-dark) 82%,var(--q-primary)) 100%)}
.q-tech-strip,.q-site-footer{background:color-mix(in srgb,var(--q-dark) 94%,#000)}
.q-ai-principles{background:radial-gradient(circle at 78% 10%,rgba(var(--q-primary-rgb),.24),transparent 30rem),radial-gradient(circle at 15% 90%,rgba(var(--q-secondary-rgb),.12),transparent 26rem),linear-gradient(145deg,color-mix(in srgb,var(--q-dark) 94%,#000),var(--q-dark))}
.q-contact-card{background:radial-gradient(circle at 80% 10%,rgba(var(--q-primary-rgb),.28),transparent 23rem),radial-gradient(circle at 10% 100%,rgba(var(--q-secondary-rgb),.15),transparent 22rem),linear-gradient(145deg,color-mix(in srgb,var(--q-dark) 96%,#000),color-mix(in srgb,var(--q-dark) 85%,var(--q-primary)))}
.q-btn-primary,.qolama-front-page .q-header-cta{background:linear-gradient(135deg,var(--q-primary),color-mix(in srgb,var(--q-primary) 78%,var(--q-secondary)));box-shadow:0 17px 44px rgba(var(--q-primary-rgb),.30)}
.q-btn-primary:hover{box-shadow:0 22px 52px rgba(var(--q-primary-rgb),.40),0 0 0 5px rgba(var(--q-primary-rgb),.08)}
.q-brand-mark,.qolama-front-page .q-brand-mark{background:linear-gradient(145deg,var(--q-primary),color-mix(in srgb,var(--q-primary) 75%,var(--q-dark)) 54%,var(--q-secondary));box-shadow:0 0 0 1px rgba(255,255,255,.12),0 12px 35px rgba(var(--q-primary-rgb),.38)}
.q-eyebrow{color:var(--q-primary)}
.q-eyebrow-tech{color:color-mix(in srgb,var(--q-accent) 75%,#fff);border-color:rgba(var(--q-secondary-rgb),.22);background:rgba(var(--q-secondary-rgb),.08)}
.q-eyebrow-tech>span,.q-ai-hero .q-hero-copy h1::after{background:var(--q-secondary);box-shadow:0 0 20px rgba(var(--q-secondary-rgb),.75)}
.q-ai-hero .q-trust-inline .q-icon,.q-ai-console-head b,.q-tech-strip .q-trusted-items span::before,.q-ai-principles .q-impact-card strong{color:var(--q-secondary)}
.q-ai-console-head b i{background:var(--q-secondary);box-shadow:0 0 12px var(--q-secondary)}
.q-ai-symbol{background:linear-gradient(145deg,var(--q-primary),color-mix(in srgb,var(--q-primary) 70%,var(--q-dark)));box-shadow:0 0 25px rgba(var(--q-primary-rgb),.34)}
.q-ai-prompt em{background:var(--q-secondary)}
.q-ai-modules>div>span{color:var(--q-secondary);background:rgba(var(--q-secondary-rgb),.10)}
.q-ai-modules>div:nth-child(2)>span,.q-ai-modules>div:nth-child(4)>span{color:var(--q-accent);background:rgba(var(--q-primary-rgb),.13)}
.q-ai-delivery i{background:linear-gradient(90deg,var(--q-primary),var(--q-secondary))}
.q-ai-float>span{color:var(--q-secondary);background:rgba(var(--q-secondary-rgb),.11)}
.q-service-icon,.q-product-icon{color:var(--q-primary);background:linear-gradient(145deg,rgba(var(--q-primary-rgb),.13),rgba(var(--q-secondary-rgb),.10))}
.q-service-card::before{background:linear-gradient(90deg,transparent,var(--q-primary),var(--q-secondary),transparent)}
.q-trust-console-head b,.q-trust-checks em{color:color-mix(in srgb,var(--q-secondary) 72%,#064e3b);background:rgba(var(--q-secondary-rgb),.11)}
.q-trust-score>span i{background:linear-gradient(90deg,var(--q-primary),var(--q-secondary))}
.q-trust-checks>div>span{color:var(--q-secondary);background:rgba(var(--q-secondary-rgb),.12)}
.q-check-list>div>.q-icon,.q-process-card>span,.q-rating-box strong,.q-commitment-card>span{color:var(--q-primary)}
.q-product-preview::before{background:linear-gradient(90deg,var(--q-primary),var(--q-secondary))}
.q-soft-section,.q-trust-architecture{background:linear-gradient(180deg,color-mix(in srgb,var(--q-soft) 70%,#fff),var(--q-soft) 52%,#fff)}
.q-service-card,.q-product-card,.q-project-card,.q-process-card,.q-testimonial-card,.q-accordion-item{border-color:var(--q-border)}
.qolama-front-page.q-header-style-solid .q-site-header .q-header-inner{background:rgba(255,255,255,.96);border-color:var(--q-border);box-shadow:0 14px 40px rgba(20,28,60,.08)}
.qolama-front-page.q-header-style-solid .q-brand-copy strong,.qolama-front-page.q-header-style-solid .q-menu>li>a{color:var(--q-text)}
.qolama-front-page.q-header-style-solid .q-brand-copy small{color:var(--q-muted)}
.qolama-front-page.q-header-style-dark .q-site-header .q-header-inner{background:color-mix(in srgb,var(--q-dark) 90%,transparent);border-color:rgba(255,255,255,.11)}
.qolama-front-page.q-header-style-minimal .q-site-header .q-header-inner{background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none}
.qolama-front-page.q-header-style-minimal .q-site-header.is-scrolled .q-header-inner{background:rgba(255,255,255,.96);border-color:var(--q-border)}
.qolama-front-page.q-header-style-minimal .q-site-header.is-scrolled .q-brand-copy strong,.qolama-front-page.q-header-style-minimal .q-site-header.is-scrolled .q-menu>li>a{color:var(--q-text)}
.qolama-front-page.q-header-style-minimal .q-site-header.is-scrolled .q-brand-copy small{color:var(--q-muted)}
.q-footer-social{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.q-footer-social a{padding:7px 10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:rgba(255,255,255,.65);font-size:11px;font-weight:700}.q-footer-social a:hover{color:#fff;border-color:rgba(var(--q-secondary-rgb),.45)}
.q-ai-delivery{grid-template-columns:repeat(auto-fit,minmax(50px,1fr))}
/* v0.4.0 editorial additions */
.q-author-box{display:grid;grid-template-columns:72px 1fr;gap:18px;align-items:center;margin-top:42px;padding:24px;border-top:1px solid var(--q-border);border-bottom:1px solid var(--q-border);background:var(--q-soft)}.q-author-avatar img{display:block;border-radius:50%}.q-author-box small,.q-author-box strong{display:block}.q-author-box small{color:var(--q-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.q-author-box strong{font-size:1.05rem;margin-top:2px}.q-author-box p{margin:5px 0 0;color:var(--q-muted);font-size:.86rem}.q-related-posts{margin-top:58px}.q-related-posts>h2{margin:0 0 22px;font-size:1.7rem}.q-related-posts .q-post-copy{padding:18px}.q-related-posts .q-post-copy h3{font-size:1rem}.q-hide-news-sidebar .q-entry-layout{grid-template-columns:minmax(0,1fr)}.q-hide-news-sidebar .q-entry-layout>.q-sidebar{display:none}@media(max-width:600px){.q-author-box{grid-template-columns:1fr}.q-author-avatar img{width:64px;height:64px}.q-related-posts .q-post-grid{grid-template-columns:1fr}}


/* =========================================================
   Qolama Modern Effects Suite — v0.4.2
   GPU-friendly, pointer-aware, reduced-motion safe.
   ========================================================= */
:root {
  --q-scroll-progress: 0;
  --q-spot-x: 50%;
  --q-spot-y: 35%;
  --q-parallax-x: 0;
  --q-parallax-y: 0;
  --q-fx-duration: .72s;
  --q-fx-ease: cubic-bezier(.2,.75,.25,1);
  --q-fx-glow-alpha: .14;
  --q-fx-lift: -6px;
}
.q-effect-intensity-subtle { --q-fx-duration:.62s; --q-fx-glow-alpha:.08; --q-fx-lift:-3px; }
.q-effect-intensity-high { --q-fx-duration:.82s; --q-fx-glow-alpha:.22; --q-fx-lift:-9px; }
.q-effect-preset-elegant { --q-fx-glow-alpha:.07; --q-fx-lift:-4px; }
.q-effect-preset-minimal { --q-fx-glow-alpha:.035; --q-fx-lift:-2px; }
.q-effect-preset-futuristic { --q-fx-glow-alpha:.2; }

.q-scroll-progress {
  position: fixed; z-index: 99999; inset: 0 auto auto 0; width: 100%; height: 3px;
  pointer-events: none; transform-origin: left center; transform: scaleX(var(--q-scroll-progress));
  background: linear-gradient(90deg,var(--q-primary),var(--q-secondary),var(--q-accent));
  box-shadow: 0 0 18px rgba(var(--q-primary-rgb),.35);
  transition: opacity .2s ease;
}
.admin-bar .q-scroll-progress { top: 32px; }

/* Reveal variants with small automatic stagger. */
.q-reveal { transition-duration: var(--q-fx-duration); transition-timing-function: var(--q-fx-ease); transition-delay: calc(var(--q-reveal-index,0) * 42ms); will-change: opacity, transform, filter; }
.q-reveal-style-fade-up .q-reveal { opacity:0; transform:translate3d(0,24px,0); filter:none; }
.q-reveal-style-blur-up .q-reveal { opacity:0; transform:translate3d(0,28px,0) scale(.992); filter:blur(8px); }
.q-reveal-style-slide-left .q-reveal { opacity:0; transform:translate3d(34px,0,0); filter:blur(3px); }
.q-reveal-style-zoom .q-reveal { opacity:0; transform:scale(.965); filter:blur(4px); }
.q-reveal-style-fade-up .q-reveal.is-visible,
.q-reveal-style-blur-up .q-reveal.is-visible,
.q-reveal-style-slide-left .q-reveal.is-visible,
.q-reveal-style-zoom .q-reveal.is-visible { opacity:1; transform:none; filter:none; }

/* Hero mesh + interactive spotlight. */
.q-hero { isolation:isolate; --q-parallax-scale:1; }
.q-hero > .q-container { position:relative; z-index:2; }
.q-hero > .q-ai-grid, .q-hero > .q-ai-glow, .q-hero > .q-hero-orb { z-index:1; }
.q-fx-hero-mesh { position:absolute; z-index:0; inset:0; overflow:hidden; pointer-events:none; opacity:.72; }
.q-fx-hero-mesh::after {
  content:""; position:absolute; inset:0;
  background:radial-gradient(circle at var(--q-spot-x) var(--q-spot-y),rgba(var(--q-primary-rgb),.13),transparent 31rem);
  mix-blend-mode:screen; opacity:.9; transition:opacity .25s ease;
}
.q-fx-hero-mesh span,.q-fx-hero-mesh i { position:absolute; border-radius:50%; filter:blur(38px); opacity:.46; will-change:transform; }
.q-fx-hero-mesh span:nth-child(1) { width:min(42vw,560px); aspect-ratio:1; left:-10%; top:6%; background:rgba(var(--q-secondary-rgb),.19); animation:qFxDriftOne 15s ease-in-out infinite alternate; }
.q-fx-hero-mesh span:nth-child(2) { width:min(46vw,620px); aspect-ratio:1; right:-12%; top:2%; background:rgba(var(--q-primary-rgb),.22); animation:qFxDriftTwo 18s ease-in-out infinite alternate; }
.q-fx-hero-mesh i { width:min(30vw,420px); aspect-ratio:1; left:46%; bottom:-18%; background:color-mix(in srgb,var(--q-accent) 22%,transparent); animation:qFxDriftThree 19s ease-in-out infinite alternate; }
.q-effect-preset-elegant .q-fx-hero-mesh { opacity:.38; filter:saturate(.8); }
.q-effect-preset-minimal .q-fx-hero-mesh { opacity:.18; }
.q-effect-preset-futuristic .q-fx-hero-mesh { opacity:.9; filter:saturate(1.25); }
@keyframes qFxDriftOne { to { transform:translate3d(22%,12%,0) scale(1.14); } }
@keyframes qFxDriftTwo { to { transform:translate3d(-18%,18%,0) scale(.88); } }
@keyframes qFxDriftThree { to { transform:translate3d(-12%,-18%,0) scale(1.18); } }

/* Micro parallax affects visual objects only, not text readability. */
.q-hero-visual,.q-ai-console,.q-clean-showcase,.q-academic-notice,.q-news-feature-visual {
  translate: calc(var(--q-parallax-x) * 7px) calc(var(--q-parallax-y) * 5px);
  transition: translate .45s cubic-bezier(.2,.75,.25,1);
}
.q-effect-intensity-subtle .q-hero-visual,.q-effect-intensity-subtle .q-ai-console,.q-effect-intensity-subtle .q-clean-showcase { translate: calc(var(--q-parallax-x) * 3px) calc(var(--q-parallax-y) * 2px); }
.q-effect-intensity-high .q-hero-visual,.q-effect-intensity-high .q-ai-console,.q-effect-intensity-high .q-clean-showcase { translate: calc(var(--q-parallax-x) * 11px) calc(var(--q-parallax-y) * 8px); }

/* Interactive premium cards. */
.q-fx-card { position:relative; isolation:isolate; --q-card-rx:0deg; --q-card-ry:0deg; --q-card-px:50%; --q-card-py:50%; transform-style:preserve-3d; }
.q-effect-glass .q-fx-card > .q-fx-glare {
  position:absolute; z-index:8; inset:0; border-radius:inherit; pointer-events:none; opacity:0;
  background:radial-gradient(circle at var(--q-card-px) var(--q-card-py),rgba(255,255,255,.42),rgba(var(--q-primary-rgb),.08) 17%,transparent 42%);
  mix-blend-mode:soft-light; transition:opacity .3s ease;
}
.q-effect-glass .q-fx-card:hover > .q-fx-glare { opacity:1; }
.q-fx-tilt { transform:perspective(1100px) rotateX(var(--q-card-rx)) rotateY(var(--q-card-ry)) translate3d(0,0,0) !important; transition:transform .22s ease,box-shadow .28s ease,border-color .28s ease; }
.q-fx-tilt:hover { box-shadow:0 30px 84px rgba(15,22,58,calc(.08 + var(--q-fx-glow-alpha))) !important; }
.q-effect-preset-futuristic .q-fx-card:hover { border-color:rgba(var(--q-primary-rgb),.28); }

/* Button shine + magnetic micro-motion. */
.q-fx-magnetic { translate:var(--q-magnetic-x,0px) var(--q-magnetic-y,0px); transition:translate .18s ease, transform .22s ease, box-shadow .22s ease, background .22s ease, color .22s ease, border-color .22s ease; }
.q-effect-button-shine .q-btn { position:relative; overflow:hidden; isolation:isolate; }
.q-effect-button-shine .q-btn::after {
  content:""; position:absolute; z-index:-1; top:-80%; left:-42%; width:28%; height:260%; pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.58),transparent); transform:rotate(18deg) translateX(-260%); transition:transform .72s cubic-bezier(.2,.75,.25,1);
}
.q-effect-button-shine .q-btn:hover::after { transform:rotate(18deg) translateX(610%); }
.q-effect-button-shine .q-btn-ghost::after { background:linear-gradient(90deg,transparent,rgba(var(--q-primary-rgb),.13),transparent); }

/* Cinematic media hover. */
.q-effect-image-zoom .q-project-image img,.q-effect-image-zoom .q-post-image img,.q-effect-image-zoom .wp-post-image {
  transition:transform .75s cubic-bezier(.2,.75,.25,1),filter .75s ease; will-change:transform;
}
.q-effect-image-zoom .q-project-card:hover .q-project-image img,.q-effect-image-zoom .q-post-card:hover .q-post-image img {
  transform:scale(1.055); filter:saturate(1.06) contrast(1.02);
}

/* Header aura. */
.q-site-header.is-scrolled::after { content:""; position:absolute; inset:auto 8% -1px; height:1px; pointer-events:none; opacity:.7; background:linear-gradient(90deg,transparent,rgba(var(--q-primary-rgb),.25),rgba(var(--q-secondary-rgb),.22),transparent); }
.q-effect-preset-futuristic .q-site-header.is-scrolled { box-shadow:0 12px 42px rgba(11,16,49,.1),0 0 32px rgba(var(--q-primary-rgb),.05); }

/* Ambient cursor glow. */
.q-cursor-glow { position:fixed; z-index:1; left:0; top:0; width:300px; height:300px; border-radius:50%; pointer-events:none; opacity:.16; filter:blur(24px); background:radial-gradient(circle,rgba(var(--q-primary-rgb),.38),rgba(var(--q-secondary-rgb),.09) 44%,transparent 70%); mix-blend-mode:multiply; will-change:transform; }
.q-design-mode-ai-tech .q-cursor-glow { opacity:.13; mix-blend-mode:screen; }
.q-effect-preset-minimal .q-cursor-glow { display:none; }

/* Subtle living accents. */
.q-effect-preset-premium .q-eyebrow > span,.q-effect-preset-futuristic .q-eyebrow > span { animation:qFxPulse 2.8s ease-in-out infinite; }
.q-effect-preset-futuristic .q-brand-mark { animation:qFxBrandGlow 4.8s ease-in-out infinite; }
@keyframes qFxPulse { 50% { transform:scale(1.35); box-shadow:0 0 20px rgba(var(--q-primary-rgb),.5); } }
@keyframes qFxBrandGlow { 50% { box-shadow:0 13px 34px rgba(var(--q-primary-rgb),.33),0 0 28px rgba(var(--q-secondary-rgb),.12); } }

/* Do not let visual effects interfere with editor/admin accessibility. */
.q-no-animations .q-fx-hero-mesh,.q-no-animations .q-cursor-glow,.q-no-animations .q-scroll-progress { display:none!important; }
.q-no-animations .q-fx-tilt,.q-no-animations .q-fx-magnetic { transform:none!important; translate:none!important; }

@media (hover:none),(pointer:coarse) {
  body:not(.q-effects-mobile) .q-fx-tilt { transform:none!important; }
  body:not(.q-effects-mobile) .q-fx-magnetic { translate:none!important; }
  body:not(.q-effects-mobile) .q-cursor-glow { display:none!important; }
  body:not(.q-effects-mobile) .q-hero-visual,body:not(.q-effects-mobile) .q-ai-console,body:not(.q-effects-mobile) .q-clean-showcase { translate:none!important; }
}
@media (max-width:782px) { .admin-bar .q-scroll-progress { top:46px; } }
@media (max-width:767px) {
  .q-scroll-progress { height:2px; }
  .q-fx-hero-mesh span,.q-fx-hero-mesh i { filter:blur(48px); opacity:.32; }
  body:not(.q-effects-mobile) .q-fx-hero-mesh { animation:none; opacity:.35; }
  .q-reveal { transition-delay:0ms; }
}
@media (prefers-reduced-motion:reduce) {
  .q-fx-hero-mesh,.q-cursor-glow { display:none!important; }
  .q-scroll-progress { transition:none; }
  .q-reveal,.q-fx-tilt,.q-fx-magnetic,.q-btn,.q-project-image img,.q-post-image img { animation:none!important; transition:none!important; transform:none!important; translate:none!important; filter:none!important; }
}