:root {
  --abs-blue: #1E3A8A;
  --abs-indigo: #4F46E5;
  --abs-violet: #7C3AED;
  --abs-ink: #08111f;
  --abs-muted: #5d6b82;
  --abs-line: rgba(99, 102, 241, .18);
  --abs-glass: rgba(255, 255, 255, .72);
  --abs-shadow: 0 24px 80px rgba(30, 58, 138, .16);
}
body .entry-content > .abs-page,
body .entry-content > .wp-block-html > .abs-page { margin-top: -1px; }
.ast-container, .site-content .ast-container { max-width: 100%; padding-left: 0; padding-right: 0; }
.entry-content { overflow: hidden; }
.abs-page { color: var(--abs-ink); background: #fbfcff; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.abs-page * { box-sizing: border-box; }
.abs-section { position: relative; padding: clamp(72px, 8vw, 130px) 20px; isolation: isolate; }
.abs-section.compact { padding-block: clamp(48px, 6vw, 86px); }
.abs-wrap { width: min(1180px, 100%); margin-inline: auto; position: relative; z-index: 2; }
.abs-eyebrow { display: inline-flex; align-items: center; gap: 8px; width: fit-content; border: 1px solid rgba(79,70,229,.18); background: rgba(255,255,255,.72); color: var(--abs-indigo); border-radius: 999px; padding: 8px 13px; font-size: 13px; font-weight: 800; letter-spacing: 0; box-shadow: 0 12px 34px rgba(79,70,229,.08); }
.abs-h1, .abs-h2, .abs-h3 { margin: 0; letter-spacing: 0; color: var(--abs-ink); line-height: .98; font-weight: 850; }
.abs-h1 { font-size: clamp(44px, 7.4vw, 86px); max-width: 780px; }
.abs-h2 { font-size: clamp(34px, 5vw, 62px); max-width: 760px; }
.abs-h3 { font-size: clamp(22px, 2.4vw, 32px); line-height: 1.08; }
.abs-lead { margin: 22px 0 0; max-width: 660px; color: var(--abs-muted); font-size: clamp(17px, 1.7vw, 21px); line-height: 1.65; }
.abs-small { color: var(--abs-muted); line-height: 1.7; margin: 12px 0 0; }
.abs-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 32px; }
.abs-btn { --mx: 50%; --my: 50%; position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 0 21px; border-radius: 999px; text-decoration: none !important; font-weight: 850; color: #fff !important; background: radial-gradient(circle at var(--mx) var(--my), rgba(255,255,255,.32), transparent 24%), linear-gradient(135deg, var(--abs-blue), var(--abs-indigo) 52%, var(--abs-violet)); box-shadow: 0 16px 40px rgba(79,70,229,.24); transition: transform .28s ease, box-shadow .28s ease; will-change: transform; }
.abs-btn:hover { transform: translateY(-3px); box-shadow: 0 20px 54px rgba(79,70,229,.34); }
.abs-btn.secondary { color: var(--abs-ink) !important; background: rgba(255,255,255,.75); border: 1px solid rgba(79,70,229,.2); box-shadow: 0 16px 38px rgba(8,17,31,.08); }
.abs-hero { min-height: min(860px, calc(100vh - 20px)); display: grid; align-items: center; padding-top: clamp(90px, 9vw, 150px); background: radial-gradient(circle at 14% 20%, rgba(124,58,237,.18), transparent 28%), radial-gradient(circle at 85% 16%, rgba(79,70,229,.2), transparent 30%), linear-gradient(180deg, #f8faff 0%, #eef4ff 100%); }
.abs-hero:before, .abs-cta:before { content: ""; position: absolute; inset: 0; opacity: .42; background-image: linear-gradient(rgba(30,58,138,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(30,58,138,.08) 1px, transparent 1px); background-size: 52px 52px; mask-image: radial-gradient(circle at 50% 18%, #000, transparent 66%); pointer-events: none; }
.abs-hero-grid { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(380px, .98fr); gap: clamp(34px, 6vw, 76px); align-items: center; }
.abs-proof-row { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 30px; color: #30415e; font-size: 14px; font-weight: 750; }
.abs-proof-row span { display: inline-flex; align-items: center; gap: 8px; padding: 9px 12px; background: rgba(255,255,255,.65); border: 1px solid rgba(79,70,229,.14); border-radius: 999px; }
.abs-visual { position: relative; min-height: 540px; perspective: 1200px; }
.abs-laptop { position: absolute; inset: 52px 8px 56px 24px; border-radius: 26px; overflow: hidden; box-shadow: 0 40px 120px rgba(30,58,138,.26); transform: rotateY(-8deg) rotateX(4deg); border: 1px solid rgba(255,255,255,.7); }
.abs-laptop img { width: 100%; height: 100%; object-fit: cover; display: block; filter: saturate(1.06) contrast(1.03); }
.abs-laptop:after { content: ""; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(8,17,31,.03), rgba(79,70,229,.18)); }
.abs-dashboard { position: absolute; inset: auto 0 0 auto; width: min(430px, 88%); padding: 18px; border-radius: 24px; background: rgba(255,255,255,.78); border: 1px solid rgba(255,255,255,.78); box-shadow: var(--abs-shadow); backdrop-filter: blur(22px); animation: absFloat 6s ease-in-out infinite; }
.abs-dash-head { display:flex; align-items:center; justify-content:space-between; color:#334155; font-size:13px; font-weight:850; margin-bottom: 14px; }
.abs-dotset { display:flex; gap:6px; }
.abs-dotset i { width: 9px; height: 9px; border-radius: 999px; background: var(--abs-indigo); opacity: .35; }
.abs-metric-grid { display:grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.abs-metric { border:1px solid rgba(79,70,229,.14); background: linear-gradient(180deg, rgba(255,255,255,.82), rgba(248,250,255,.62)); border-radius: 16px; padding: 13px; }
.abs-metric b { display:block; font-size: 22px; color: var(--abs-blue); }
.abs-metric span { color: var(--abs-muted); font-size: 12px; font-weight: 700; }
.abs-chart { height: 118px; margin-top: 14px; border-radius: 18px; background: linear-gradient(180deg, rgba(79,70,229,.08), rgba(124,58,237,.02)); position: relative; overflow: hidden; }
.abs-chart svg { width: 100%; height: 100%; overflow: visible; }
.abs-chart path { stroke-dasharray: 480; stroke-dashoffset: 480; animation: absDraw 3s ease forwards infinite alternate; }
.abs-float-card { position:absolute; z-index: 4; border-radius: 18px; padding: 14px 16px; background: rgba(255,255,255,.82); border: 1px solid rgba(255,255,255,.78); box-shadow: 0 22px 58px rgba(30,58,138,.16); backdrop-filter: blur(18px); font-weight: 850; color: var(--abs-ink); animation: absFloat 7s ease-in-out infinite; }
.abs-float-card small { display:block; color: var(--abs-muted); font-weight: 750; margin-top: 3px; }
.abs-float-card.one { left: 0; top: 86px; }
.abs-float-card.two { right: 22px; top: 18px; animation-delay: -2s; }
.abs-glow { position:absolute; width: 290px; height: 290px; border-radius: 999px; background: rgba(124,58,237,.22); filter: blur(54px); animation: absDrift 12s ease-in-out infinite alternate; pointer-events:none; }
.abs-glow.g1 { top: 16%; left: 7%; } .abs-glow.g2 { right: 8%; bottom: 6%; background: rgba(30,58,138,.18); animation-delay: -4s; }
.abs-section-head { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom: 34px; }
.abs-section-head .abs-lead { max-width: 500px; margin-top: 0; }
.abs-grid { display:grid; gap: 18px; }
.abs-grid.three { grid-template-columns: repeat(3, 1fr); }
.abs-grid.four { grid-template-columns: repeat(4, 1fr); }
.abs-card { position: relative; border: 1px solid rgba(79,70,229,.14); background: var(--abs-glass); border-radius: 24px; padding: 26px; box-shadow: 0 18px 58px rgba(30,58,138,.08); backdrop-filter: blur(20px); transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease; overflow: hidden; }
.abs-card:before { content:""; position:absolute; inset:-1px; background: radial-gradient(circle at var(--mx, 50%) var(--my, 0%), rgba(124,58,237,.16), transparent 34%); opacity: 0; transition: opacity .28s ease; pointer-events:none; }
.abs-card:hover { transform: translateY(-7px); border-color: rgba(124,58,237,.34); box-shadow: 0 24px 78px rgba(30,58,138,.14); }
.abs-card:hover:before { opacity: 1; }
.abs-icon { width: 46px; height: 46px; display:grid; place-items:center; border-radius: 15px; margin-bottom: 18px; color:#fff; background: linear-gradient(135deg, var(--abs-blue), var(--abs-violet)); box-shadow: 0 14px 32px rgba(79,70,229,.26); }
.abs-stats { background: #08111f; color: #fff; }
.abs-stats .abs-h2, .abs-stats .abs-h3 { color: #fff; }
.abs-stats .abs-lead, .abs-stats .abs-small { color: rgba(255,255,255,.68); }
.abs-stat { min-height: 180px; display:flex; flex-direction:column; justify-content:space-between; background: linear-gradient(180deg, rgba(255,255,255,.1), rgba(255,255,255,.045)); border-color: rgba(255,255,255,.14); }
.abs-stat strong { font-size: clamp(34px, 4vw, 52px); color: #fff; line-height: 1; }
.abs-timeline { position: relative; display:grid; gap: 16px; margin-top: 26px; }
.abs-timeline:before { content:""; position:absolute; left: 19px; top: 8px; bottom: 8px; width: 2px; background: linear-gradient(var(--abs-indigo), var(--abs-violet)); opacity: .45; }
.abs-step { position:relative; padding-left: 58px; }
.abs-step:before { content:""; position:absolute; left: 8px; top: 3px; width:24px; height:24px; border-radius:999px; background:#fff; border: 6px solid var(--abs-indigo); box-shadow:0 0 0 8px rgba(79,70,229,.1); }
.abs-split { display:grid; grid-template-columns: .95fr 1.05fr; gap: clamp(30px, 6vw, 74px); align-items:center; }
.abs-photo { min-height: 520px; border-radius: 28px; overflow:hidden; box-shadow: var(--abs-shadow); position:relative; }
.abs-photo img { width:100%; height:100%; object-fit:cover; display:block; }
.abs-photo:after { content:""; position:absolute; inset:0; background: linear-gradient(180deg, transparent 38%, rgba(8,17,31,.34)); }
.abs-pricing-tools { display:flex; align-items:center; justify-content:center; gap:12px; margin: 0 0 28px; }
.abs-toggle { display:inline-grid; grid-template-columns: 1fr 1fr; padding: 5px; border-radius:999px; border:1px solid rgba(79,70,229,.18); background:#fff; box-shadow:0 14px 36px rgba(30,58,138,.08); }
.abs-toggle button { border:0; border-radius:999px; padding:10px 16px; font-weight:850; background:transparent; color:var(--abs-muted); cursor:pointer; }
.abs-toggle button.active { color:#fff; background:linear-gradient(135deg, var(--abs-blue), var(--abs-violet)); }
.abs-price { font-size: 44px; line-height: 1; margin: 18px 0 6px; font-weight: 900; color: var(--abs-ink); }
.abs-badge { display:inline-flex; padding:7px 10px; border-radius:999px; background:rgba(124,58,237,.11); color:var(--abs-violet); font-size:12px; font-weight:900; }
.abs-list { list-style:none; padding:0; margin: 20px 0 0; display:grid; gap: 10px; color:#334155; }
.abs-list li { display:flex; gap:10px; align-items:flex-start; }
.abs-list li:before { content:""; width:18px; height:18px; margin-top:3px; flex:0 0 18px; border-radius:999px; background: linear-gradient(135deg, var(--abs-indigo), var(--abs-violet)); box-shadow: inset 0 0 0 5px #fff; }
.abs-table { overflow:hidden; border-radius:24px; border:1px solid rgba(79,70,229,.14); background:#fff; box-shadow: var(--abs-shadow); }
.abs-row { display:grid; grid-template-columns: 1.15fr repeat(3, 1fr); border-top:1px solid rgba(79,70,229,.1); }
.abs-row:first-child { border-top: 0; background: #f5f7ff; font-weight: 900; color: var(--abs-blue); }
.abs-row span { padding: 17px; color:#334155; }
.abs-funnel { min-height: 390px; border-radius: 28px; background: radial-gradient(circle at 25% 20%, rgba(124,58,237,.28), transparent 30%), linear-gradient(145deg, #0b1220, #182554); padding: 28px; color: #fff; box-shadow: 0 36px 100px rgba(8,17,31,.25); position:relative; overflow:hidden; }
.abs-funnel-stage { margin: 14px auto; height: 58px; border-radius: 18px; display:grid; place-items:center; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.16); font-weight:900; }
.abs-funnel-stage:nth-child(2){width:92%}.abs-funnel-stage:nth-child(3){width:76%}.abs-funnel-stage:nth-child(4){width:60%}.abs-funnel-stage:nth-child(5){width:44%}
.abs-cases { display:grid; grid-template-columns: repeat(3, 1fr); gap:18px; }
.abs-case-graph { height: 150px; margin-top: 18px; border-radius:18px; background: linear-gradient(180deg, rgba(79,70,229,.1), rgba(124,58,237,.03)); display:flex; align-items:end; gap:10px; padding:16px; }
.abs-bar { flex:1; border-radius:999px 999px 8px 8px; background:linear-gradient(180deg, var(--abs-violet), var(--abs-indigo)); animation: absBar 2.6s ease-in-out infinite alternate; min-height: 18%; }
.abs-before-after { display:grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 18px; }
.abs-before-after div { border-radius:16px; padding:14px; background:rgba(30,58,138,.06); font-weight:850; color:#334155; }
.abs-testimonials { display:flex; gap:18px; overflow:hidden; mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.abs-track { display:flex; gap:18px; min-width:max-content; animation: absMarquee 30s linear infinite; }
.abs-quote { width: 360px; flex:0 0 360px; }
.abs-cta { background: radial-gradient(circle at 20% 20%, rgba(124,58,237,.32), transparent 30%), linear-gradient(135deg, #07101f, #111e47 58%, #261252); color:#fff; overflow:hidden; }
.abs-cta .abs-h2, .abs-cta .abs-h3 { color:#fff; }
.abs-cta .abs-lead, .abs-cta .abs-small { color:rgba(255,255,255,.72); }
.abs-cta-panel { display:grid; grid-template-columns: 1fr auto; gap:24px; align-items:center; border:1px solid rgba(255,255,255,.16); border-radius:28px; padding: clamp(28px, 5vw, 56px); background:rgba(255,255,255,.08); backdrop-filter: blur(18px); }
.abs-reveal { opacity:0; transform: translateY(26px); transition: opacity .75s ease, transform .75s ease; }
.abs-reveal.in-view { opacity:1; transform: translateY(0); }
.abs-stagger > * { opacity:0; transform: translateY(24px) scale(.98); transition: opacity .7s ease, transform .7s ease; }
.abs-stagger.in-view > * { opacity:1; transform: translateY(0) scale(1); }
.abs-stagger.in-view > *:nth-child(2){transition-delay:.08s}.abs-stagger.in-view > *:nth-child(3){transition-delay:.16s}.abs-stagger.in-view > *:nth-child(4){transition-delay:.24s}
@keyframes absFloat { 0%,100%{ transform: translate3d(0,0,0); } 50%{ transform: translate3d(0,-14px,0); } }
@keyframes absDrift { from{ transform: translate3d(-20px,0,0) scale(1); } to{ transform: translate3d(24px,22px,0) scale(1.08); } }
@keyframes absDraw { to{ stroke-dashoffset: 0; } }
@keyframes absBar { to { transform: scaleY(.74); opacity:.76; } }
@keyframes absMarquee { to { transform: translateX(-50%); } }
@media (max-width: 980px) {
  .abs-hero-grid, .abs-split, .abs-cta-panel { grid-template-columns: 1fr; }
  .abs-visual { min-height: 500px; }
  .abs-grid.three, .abs-grid.four, .abs-cases { grid-template-columns: repeat(2, 1fr); }
  .abs-section-head { display:block; }
  .abs-section-head .abs-lead { margin-top: 16px; }
}
@media (max-width: 640px) {
  .abs-section { padding-inline: 16px; }
  .abs-h1 { font-size: 43px; }
  .abs-h2 { font-size: 34px; }
  .abs-grid.three, .abs-grid.four, .abs-cases, .abs-row { grid-template-columns: 1fr; }
  .abs-visual { min-height: 420px; }
  .abs-laptop { inset: 74px 0 72px 0; border-radius: 20px; transform: none; }
  .abs-dashboard { width: 96%; padding: 14px; }
  .abs-metric-grid { grid-template-columns: 1fr; }
  .abs-float-card.two { display:none; }
  .abs-cta-panel { padding: 24px; }
  .abs-quote { width: 300px; flex-basis: 300px; }
}
@media (prefers-reduced-motion: reduce) {
  .abs-page *, .abs-page *:before, .abs-page *:after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
  .abs-reveal, .abs-stagger > * { opacity:1; transform:none; }
}
.abs-logo-mark { display:inline-flex; align-items:center; gap:12px; margin-bottom: 20px; }
.abs-logo-mark img { width: 174px; height: auto; display:block; object-fit: contain; }
.abs-kicker { margin-top: 18px; color: #31435f; font-weight: 800; line-height: 1.6; max-width: 680px; }
.abs-rich { max-width: 860px; }
.abs-rich p { color: var(--abs-muted); font-size: 17px; line-height: 1.8; margin: 16px 0 0; }
.abs-answer-grid { display:grid; grid-template-columns: repeat(2, 1fr); gap: 18px; margin-top: 28px; }
.abs-answer { border-left: 4px solid var(--abs-indigo); }
.abs-answer strong { display:block; color: var(--abs-ink); font-size: 18px; margin-bottom: 8px; }
.abs-chip-row { display:flex; flex-wrap:wrap; gap: 10px; margin-top: 22px; }
.abs-chip { display:inline-flex; align-items:center; min-height: 36px; padding: 0 12px; border-radius: 999px; background: rgba(30,58,138,.07); color:#243653; font-size: 13px; font-weight: 850; border:1px solid rgba(79,70,229,.13); }
.abs-media-card { display:grid; grid-template-columns: .9fr 1.1fr; gap: 18px; align-items:center; }
.abs-media-card img { width:100%; min-height: 320px; height:100%; object-fit: cover; border-radius: 22px; box-shadow: var(--abs-shadow); }
.abs-contact-strip { display:grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-top: 24px; }
.abs-contact-strip a { text-decoration:none !important; color: var(--abs-ink); }
.abs-faq { display:grid; gap: 14px; margin-top: 28px; }
.abs-faq details { border:1px solid rgba(79,70,229,.14); background: rgba(255,255,255,.78); border-radius: 20px; padding: 18px 20px; box-shadow: 0 12px 36px rgba(30,58,138,.06); }
.abs-faq summary { cursor:pointer; font-weight: 900; color: var(--abs-ink); }
.abs-faq p { color: var(--abs-muted); line-height: 1.75; margin: 12px 0 0; }
.abs-process { counter-reset: step; }
.abs-process .abs-card { min-height: 230px; }
.abs-process .abs-card:after { counter-increment: step; content: counter(step, decimal-leading-zero); position:absolute; right: 22px; top: 18px; font-size: 42px; font-weight: 900; color: rgba(79,70,229,.12); }
.abs-schema-note { margin-top: 18px; padding: 14px 16px; border-radius: 18px; color:#2b3b55; background: rgba(79,70,229,.07); border:1px solid rgba(79,70,229,.12); font-weight: 750; }
@media (max-width: 780px) {
  .abs-answer-grid, .abs-media-card, .abs-contact-strip { grid-template-columns: 1fr; }
  .abs-logo-mark img { width: 150px; }
}
/* Header and image polish */
body.absiddik-redesign-active #masthead,
body.absiddik-redesign-active .main-header-bar-wrap,
body.absiddik-redesign-active .main-header-bar {
  background: rgba(255,255,255,.88);
  backdrop-filter: blur(20px);
  border-bottom: 1px solid rgba(79,70,229,.12);
  box-shadow: 0 12px 38px rgba(30,58,138,.06);
}
body.absiddik-redesign-active .main-header-bar { min-height: 82px; padding: 0 22px; }
body.absiddik-redesign-active .ast-primary-header-bar { min-height: 82px; }
body.absiddik-redesign-active .site-branding { padding: 0; line-height: 1; }
body.absiddik-redesign-active .site-logo-img img,
body.absiddik-redesign-active .custom-logo-link img,
body.absiddik-redesign-active img.custom-logo {
  width: 174px !important;
  max-width: 174px !important;
  height: auto !important;
  max-height: 44px !important;
  object-fit: contain !important;
  display: block;
}
body.absiddik-redesign-active .main-header-menu,
body.absiddik-redesign-active .ast-builder-menu-1 .main-header-menu { gap: 8px; align-items: center; }
body.absiddik-redesign-active .main-header-menu > .menu-item > .menu-link,
body.absiddik-redesign-active .ast-builder-menu-1 .menu-item > .menu-link {
  min-height: 44px;
  line-height: 44px;
  padding: 0 15px;
  border-radius: 999px;
  color: #0b1426;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0;
  transition: background .22s ease, color .22s ease, transform .22s ease, box-shadow .22s ease;
}
body.absiddik-redesign-active .main-header-menu > .menu-item:hover > .menu-link,
body.absiddik-redesign-active .main-header-menu > .current-menu-item > .menu-link,
body.absiddik-redesign-active .main-header-menu > .current_page_item > .menu-link {
  color: #fff;
  background: linear-gradient(135deg, var(--abs-blue), var(--abs-indigo) 55%, var(--abs-violet));
  box-shadow: 0 12px 26px rgba(79,70,229,.18);
  transform: translateY(-1px);
}
body.absiddik-redesign-active .sub-menu {
  border: 1px solid rgba(79,70,229,.14);
  border-radius: 18px;
  padding: 10px;
  box-shadow: 0 20px 60px rgba(30,58,138,.14);
  overflow: hidden;
}
.abs-hero { padding-top: clamp(78px, 8vw, 118px); }
.abs-visual { min-height: 560px; }
.abs-laptop { inset: 44px 8px 62px 12px; background: #f4f7ff; }
.abs-laptop img { object-position: center center; transform: scale(1.01); }
.abs-laptop.portrait img, .abs-visual.portrait .abs-laptop img { object-fit: contain; object-position: center bottom; background: linear-gradient(180deg,#eef3ff,#ffffff); }
.abs-dashboard { bottom: 8px; right: 0; }
.abs-float-card.one { left: 6px; top: 76px; }
.abs-float-card.two { right: 10px; top: 26px; }
.abs-photo { height: clamp(430px, 46vw, 620px); min-height: 0; background:#eef3ff; }
.abs-photo img { height: 100%; object-position: center center; }
.abs-media-card img { height: 420px; min-height: 0; object-position: center center; }
@media (max-width: 980px) {
  body.absiddik-redesign-active .main-header-bar,
  body.absiddik-redesign-active .ast-primary-header-bar { min-height: 72px; }
  body.absiddik-redesign-active .site-logo-img img,
  body.absiddik-redesign-active .custom-logo-link img,
  body.absiddik-redesign-active img.custom-logo { width: 150px !important; max-width: 150px !important; max-height: 40px !important; }
  .abs-visual { min-height: 500px; }
}
@media (max-width: 640px) {
  body.absiddik-redesign-active .main-header-bar { padding-inline: 14px; }
  body.absiddik-redesign-active .site-logo-img img,
  body.absiddik-redesign-active .custom-logo-link img,
  body.absiddik-redesign-active img.custom-logo { width: 132px !important; max-width: 132px !important; }
  .abs-visual { min-height: 440px; }
  .abs-laptop { inset: 88px 0 90px 0; }
  .abs-dashboard { bottom: 0; width: 100%; }
  .abs-photo { height: 390px; }
  .abs-media-card img { height: 340px; }
}
/* Strong Astra header sizing override */
body.absiddik-redesign-active .site-header,
body.absiddik-redesign-active .site-primary-header-wrap,
body.absiddik-redesign-active .ast-primary-header-bar,
body.absiddik-redesign-active .main-header-bar,
body.absiddik-redesign-active .ast-builder-grid-row,
body.absiddik-redesign-active .ast-builder-grid-row-container,
body.absiddik-redesign-active .ast-builder-grid-row-container-inner {
  min-height: 82px !important;
  height: auto !important;
}
body.absiddik-redesign-active .ast-container,
body.absiddik-redesign-active .site-header .ast-container,
body.absiddik-redesign-active .ast-builder-grid-row-container-inner {
  max-width: 1240px;
  margin-inline: auto;
}
body.absiddik-redesign-active .ast-site-identity,
body.absiddik-redesign-active .site-branding,
body.absiddik-redesign-active .site-header-section { padding-top: 0 !important; padding-bottom: 0 !important; }
body.absiddik-redesign-active .custom-logo-link { display: inline-flex !important; align-items: center; width: 174px; max-width: 174px; overflow: visible; }
body.absiddik-redesign-active .ast-mobile-menu-trigger-fill,
body.absiddik-redesign-active .main-header-menu-toggle {
  border-radius: 14px;
  color: #fff;
  background: linear-gradient(135deg, var(--abs-blue), var(--abs-violet));
  box-shadow: 0 12px 28px rgba(79,70,229,.2);
}
@media (max-width: 921px) {
  body.absiddik-redesign-active .main-header-menu {
    padding: 12px;
    background: rgba(255,255,255,.96);
    border: 1px solid rgba(79,70,229,.14);
    border-radius: 18px;
    box-shadow: 0 20px 60px rgba(30,58,138,.13);
  }
  body.absiddik-redesign-active .main-header-menu > .menu-item > .menu-link { border-radius: 14px; }
}
/* Final premium navigation redesign */
html body a,
html body a:hover,
html body a:focus { text-decoration-thickness: auto; }
html body .abs-page a,
html body .abs-page a:hover,
html body .abs-page a:focus,
html body .abs-page a *,
html body .abs-page a:hover *,
html body .abs-page a:focus * {
  text-decoration: none !important;
}
html body .abs-page .abs-card,
html body .abs-page .abs-card * { text-decoration: none !important; }
html body #masthead.site-header {
  position: sticky;
  top: 0;
  z-index: 9999;
  width: 100%;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 12px clamp(14px, 2vw, 28px) 0 !important;
}
html body.admin-bar #masthead.site-header { top: 32px; }
html body #masthead .main-header-bar-wrap,
html body #masthead .main-header-bar,
html body #masthead .ast-primary-header-bar,
html body #masthead .site-primary-header-wrap,
html body #masthead .ast-builder-grid-row-container,
html body #masthead .ast-builder-grid-row-container-inner {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
}
html body #masthead .ast-container,
html body #masthead .ast-builder-grid-row-container-inner,
html body #masthead .ast-builder-grid-row {
  width: min(1500px, calc(100vw - 28px)) !important;
  max-width: min(1500px, calc(100vw - 28px)) !important;
  min-height: 68px !important;
  margin: 0 auto !important;
  padding: 0 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  border: 1px solid rgba(79,70,229,.16) !important;
  border-radius: 24px !important;
  background: rgba(255,255,255,.86) !important;
  backdrop-filter: blur(22px) saturate(1.2) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.2) !important;
  box-shadow: 0 18px 60px rgba(30,58,138,.12) !important;
}
html body #masthead .site-branding,
html body #masthead .ast-site-identity,
html body #masthead .site-header-section {
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
}
html body #masthead .custom-logo-link,
html body #masthead .site-logo-img {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 178px !important;
  max-width: 178px !important;
  height: 44px !important;
  overflow: visible !important;
}
html body #masthead img.custom-logo,
html body #masthead .custom-logo-link img,
html body #masthead .site-logo-img img {
  width: 178px !important;
  max-width: 178px !important;
  height: auto !important;
  max-height: 44px !important;
  object-fit: contain !important;
  object-position: left center !important;
  display: block !important;
}
html body #masthead .main-header-menu,
html body #masthead .ast-builder-menu-1 .main-header-menu,
html body #masthead .ast-nav-menu {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
}
html body #masthead .main-header-menu > .menu-item,
html body #masthead .ast-builder-menu-1 .main-header-menu > .menu-item {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
}
html body #masthead .main-header-menu > .menu-item > .menu-link,
html body #masthead .ast-builder-menu-1 .menu-item > .menu-link,
html body #masthead .ast-builder-menu-1 .main-header-menu > .menu-item > .menu-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  height: 42px !important;
  line-height: 1 !important;
  padding: 0 15px !important;
  border-radius: 999px !important;
  color: #0b1426 !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  transition: background .22s ease, color .22s ease, transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}
html body #masthead .main-header-menu > .menu-item:hover > .menu-link,
html body #masthead .main-header-menu > .current-menu-item > .menu-link,
html body #masthead .main-header-menu > .current_page_item > .menu-link,
html body #masthead .ast-builder-menu-1 .main-header-menu > .menu-item:hover > .menu-link,
html body #masthead .ast-builder-menu-1 .main-header-menu > .current-menu-item > .menu-link,
html body #masthead .ast-builder-menu-1 .main-header-menu > .current_page_item > .menu-link {
  color: #fff !important;
  background: linear-gradient(135deg, #1E3A8A, #4F46E5 56%, #7C3AED) !important;
  border-color: rgba(255,255,255,.34) !important;
  box-shadow: 0 12px 28px rgba(79,70,229,.22) !important;
  transform: translateY(-1px) !important;
  text-decoration: none !important;
}
html body #masthead .menu-item-has-children > .menu-link .dropdown-menu-toggle,
html body #masthead .ast-icon.icon-arrow svg {
  margin-left: 7px !important;
  width: 13px !important;
  height: 13px !important;
  fill: currentColor !important;
}
html body #masthead .sub-menu {
  margin-top: 12px !important;
  padding: 10px !important;
  border: 1px solid rgba(79,70,229,.14) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.96) !important;
  backdrop-filter: blur(18px) !important;
  box-shadow: 0 24px 70px rgba(30,58,138,.16) !important;
  overflow: hidden !important;
}
html body #masthead .sub-menu .menu-link {
  min-height: 40px !important;
  border-radius: 12px !important;
  padding: 0 14px !important;
  color: #0b1426 !important;
  text-decoration: none !important;
}
html body #masthead .sub-menu .menu-link:hover {
  color: #fff !important;
  background: linear-gradient(135deg, #1E3A8A, #7C3AED) !important;
}
html body .site-content { margin-top: -80px; }
html body .abs-hero { padding-top: clamp(132px, 10vw, 170px); }
@media (max-width: 921px) {
  html body #masthead .ast-container,
  html body #masthead .ast-builder-grid-row-container-inner,
  html body #masthead .ast-builder-grid-row {
    min-height: 62px !important;
    border-radius: 20px !important;
    padding: 0 14px !important;
  }
  html body #masthead .custom-logo-link,
  html body #masthead .site-logo-img,
  html body #masthead img.custom-logo,
  html body #masthead .custom-logo-link img,
  html body #masthead .site-logo-img img {
    width: 142px !important;
    max-width: 142px !important;
    max-height: 38px !important;
  }
  html body #masthead .main-header-menu {
    display: block !important;
    margin-top: 12px !important;
    padding: 12px !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.97) !important;
    border: 1px solid rgba(79,70,229,.14) !important;
    box-shadow: 0 22px 70px rgba(30,58,138,.16) !important;
  }
  html body #masthead .main-header-menu > .menu-item > .menu-link { justify-content: flex-start !important; width: 100% !important; }
  html body #masthead .main-header-menu-toggle,
  html body #masthead .ast-mobile-menu-trigger-fill {
    border-radius: 14px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #1E3A8A, #7C3AED) !important;
    box-shadow: 0 12px 28px rgba(79,70,229,.2) !important;
  }
}
@media (max-width: 544px) {
  html body #masthead.site-header { padding-top: 8px !important; }
  html body #masthead .ast-container,
  html body #masthead .ast-builder-grid-row-container-inner,
  html body #masthead .ast-builder-grid-row { width: min(100%, calc(100vw - 18px)) !important; max-width: min(100%, calc(100vw - 18px)) !important; }
  html body .abs-hero { padding-top: 118px; }
}
/* Dropdown usability and premium footer */
html body .entry-content .abs-page a,
html body .entry-content .abs-page a:visited,
html body .entry-content .abs-page a:hover,
html body .entry-content .abs-page a:focus,
html body .entry-content .abs-page a * {
  text-decoration: none !important;
  text-decoration-line: none !important;
  box-shadow: none !important;
  border-bottom: 0 !important;
}
html body #masthead .main-header-menu > .menu-item-has-children { position: relative !important; }
html body #masthead .main-header-menu > .menu-item-has-children:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 18px;
  display: block;
}
html body #masthead .main-header-menu .sub-menu,
html body #masthead .ast-builder-menu-1 .main-header-menu .sub-menu {
  display: block !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(8px) !important;
  transition: opacity .18s ease, transform .18s ease, visibility .18s ease !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  min-width: 240px !important;
  z-index: 10050 !important;
}
html body #masthead .main-header-menu > .menu-item-has-children:hover > .sub-menu,
html body #masthead .main-header-menu > .menu-item-has-children:focus-within > .sub-menu,
html body #masthead .ast-builder-menu-1 .main-header-menu > .menu-item-has-children:hover > .sub-menu,
html body #masthead .ast-builder-menu-1 .main-header-menu > .menu-item-has-children:focus-within > .sub-menu,
html body #masthead .main-header-menu .sub-menu:hover {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}
html body #masthead .sub-menu:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -14px;
  height: 14px;
}
html body #masthead .sub-menu .menu-item { display: block !important; width: 100% !important; }
html body #masthead .sub-menu .menu-link {
  display: flex !important;
  width: 100% !important;
  align-items: center !important;
  white-space: nowrap !important;
}
body.page-id-69 .site-footer,
body.page-id-203 .site-footer,
body.page-id-280 .site-footer,
body.page-id-281 .site-footer,
body.page-id-282 .site-footer,
body.page-id-285 .site-footer,
body.page-id-128 .site-footer,
body.home .site-footer { display: none !important; }
.abs-footer {
  padding: 72px 20px 30px;
  background: #07101f;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.abs-footer:before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 20% 0%, rgba(124,58,237,.28), transparent 34%), radial-gradient(circle at 82% 22%, rgba(79,70,229,.24), transparent 30%), linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size: auto, auto, 46px 46px, 46px 46px;
  pointer-events: none;
}
.abs-footer-grid {
  width: min(1180px, 100%);
  margin: 0 auto;
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1.25fr .75fr .75fr .9fr;
  gap: 28px;
}
.abs-footer-logo { display: inline-flex; align-items: center; margin-bottom: 18px; }
.abs-footer-logo img { width: 184px; height: auto; display: block; filter: brightness(0) invert(1); }
.abs-footer p { color: rgba(255,255,255,.68); line-height: 1.75; margin: 0; }
.abs-footer h3 { color: #fff; font-size: 15px; margin: 0 0 15px; letter-spacing: 0; }
.abs-footer a { color: rgba(255,255,255,.72) !important; text-decoration: none !important; font-weight: 750; display: inline-flex; width: fit-content; }
.abs-footer a:hover { color: #fff !important; }
.abs-footer-links { display: grid; gap: 10px; }
.abs-footer-contact { display: grid; gap: 10px; }
.abs-footer-bottom {
  width: min(1180px, 100%);
  margin: 38px auto 0;
  padding-top: 22px;
  border-top: 1px solid rgba(255,255,255,.12);
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  color: rgba(255,255,255,.58);
  font-size: 14px;
}
.abs-footer-pill {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 13px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  color: rgba(255,255,255,.82);
  font-weight: 850;
}
@media (max-width: 900px) {
  .abs-footer-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
  .abs-footer { padding-top: 56px; }
  .abs-footer-grid { grid-template-columns: 1fr; }
  .abs-footer-bottom { display: grid; }
}
/* Color contrast refinements */
.abs-funnel .abs-h3,
.abs-funnel h3 {
  color: #ffffff !important;
  text-shadow: 0 2px 18px rgba(0,0,0,.24);
}
.abs-funnel .abs-funnel-stage {
  color: #ffffff !important;
  background: rgba(255,255,255,.14) !important;
  border-color: rgba(255,255,255,.2) !important;
}
.abs-cta .abs-contact-strip .abs-card {
  background: rgba(255,255,255,.9) !important;
  border-color: rgba(255,255,255,.72) !important;
  box-shadow: 0 20px 54px rgba(0,0,0,.14) !important;
}
.abs-cta .abs-contact-strip .abs-card b {
  color: #08111f !important;
}
.abs-cta .abs-contact-strip .abs-card .abs-small,
.abs-cta .abs-contact-strip .abs-card p {
  color: #334155 !important;
  font-weight: 850 !important;
}
.abs-cta .abs-contact-strip .abs-card:hover {
  background: #ffffff !important;
  transform: translateY(-4px);
}
.abs-cta .abs-contact-strip .abs-card:hover b,
.abs-cta .abs-contact-strip .abs-card:hover .abs-small,
.abs-cta .abs-contact-strip .abs-card:hover p {
  color: #08111f !important;
}
/* 9.5 polish pass: hero composition, rhythm, and visual hierarchy */
html body .abs-page {
  background: linear-gradient(180deg, #fbfcff 0%, #f6f8ff 48%, #ffffff 100%);
}
html body .abs-section {
  padding-block: clamp(76px, 7vw, 116px);
}
html body .abs-hero {
  min-height: auto !important;
  padding-top: clamp(120px, 9vw, 152px) !important;
  padding-bottom: clamp(64px, 6vw, 92px) !important;
  background: radial-gradient(circle at 16% 28%, rgba(124,58,237,.2), transparent 30%), radial-gradient(circle at 80% 18%, rgba(79,70,229,.18), transparent 34%), linear-gradient(180deg, #f7f8ff 0%, #eef5ff 100%) !important;
}
html body .abs-hero-grid {
  grid-template-columns: minmax(0, .9fr) minmax(520px, 1.1fr) !important;
  gap: clamp(42px, 5vw, 84px) !important;
  align-items: center !important;
}
html body .abs-logo-mark {
  display: none !important;
}
html body .abs-eyebrow {
  background: rgba(255,255,255,.82) !important;
  border-color: rgba(79,70,229,.22) !important;
  box-shadow: 0 10px 30px rgba(79,70,229,.09) !important;
}
html body .abs-h1 {
  max-width: 820px !important;
  font-size: clamp(54px, 5.8vw, 88px) !important;
  line-height: .93 !important;
  letter-spacing: -.01em !important;
  text-wrap: balance;
}
html body .abs-h2 {
  max-width: 900px !important;
  line-height: .98 !important;
  text-wrap: balance;
}
html body .abs-lead {
  max-width: 720px !important;
  font-size: clamp(18px, 1.45vw, 22px) !important;
  line-height: 1.58 !important;
  color: #53657f !important;
}
html body .abs-kicker {
  max-width: 680px !important;
  margin-top: 22px !important;
  padding: 16px 18px !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.62) !important;
  border: 1px solid rgba(79,70,229,.12) !important;
  color: #243653 !important;
  box-shadow: 0 14px 34px rgba(30,58,138,.06) !important;
}
html body .abs-actions {
  gap: 16px !important;
  margin-top: 28px !important;
}
html body .abs-btn {
  min-height: 56px !important;
  padding-inline: 24px !important;
  font-size: 15px !important;
}
html body .abs-proof-row {
  margin-top: 26px !important;
  gap: 10px !important;
}
html body .abs-proof-row span,
html body .abs-chip {
  background: rgba(255,255,255,.7) !important;
  border-color: rgba(79,70,229,.16) !important;
  color: #263852 !important;
}
html body .abs-visual {
  min-height: 610px !important;
  transform: translateX(-6px);
}
html body .abs-laptop {
  inset: 28px 4px 82px 10px !important;
  border-radius: 30px !important;
  box-shadow: 0 42px 120px rgba(30,58,138,.22) !important;
}
html body .abs-visual.portrait .abs-laptop {
  inset: 18px 56px 96px 34px !important;
}
html body .abs-visual.portrait .abs-laptop img {
  object-fit: contain !important;
  object-position: center bottom !important;
  transform: scale(1.02) !important;
}
html body .abs-dashboard {
  width: min(520px, 88%) !important;
  right: 8px !important;
  bottom: 14px !important;
  padding: 22px !important;
  border-radius: 28px !important;
  box-shadow: 0 34px 100px rgba(30,58,138,.2) !important;
}
html body .abs-chart {
  height: 148px !important;
}
html body .abs-metric {
  padding: 16px !important;
}
html body .abs-metric b {
  font-size: 28px !important;
}
html body .abs-float-card {
  padding: 16px 18px !important;
  border-radius: 20px !important;
  font-size: 15px !important;
}
html body .abs-float-card.one {
  left: 0 !important;
  top: 118px !important;
}
html body .abs-float-card.two {
  right: 0 !important;
  top: 54px !important;
}
html body .abs-section-head {
  margin-bottom: 42px !important;
}
html body .abs-grid {
  gap: 22px !important;
}
html body .abs-card {
  border-radius: 26px !important;
  padding: 30px !important;
  background: rgba(255,255,255,.78) !important;
}
html body .abs-card .abs-h3,
html body .abs-card h3 {
  text-wrap: balance;
}
html body .abs-icon {
  width: 52px !important;
  height: 52px !important;
  border-radius: 17px !important;
}
html body .abs-funnel {
  min-height: 460px !important;
  padding: 40px !important;
  border-radius: 34px !important;
  box-shadow: 0 42px 120px rgba(8,17,31,.24) !important;
}
html body .abs-funnel .abs-h3,
html body .abs-funnel h3 {
  font-size: clamp(28px, 2.6vw, 42px) !important;
  margin-bottom: 22px !important;
}
html body .abs-funnel-stage {
  height: 66px !important;
  margin-block: 18px !important;
}
html body .abs-pricing-tools .abs-toggle button {
  min-width: 92px !important;
}
html body .abs-price {
  font-size: clamp(42px, 4.2vw, 58px) !important;
  letter-spacing: -.01em !important;
}
html body .abs-cta-panel {
  border-radius: 34px !important;
  padding: clamp(34px, 5vw, 64px) !important;
  background: rgba(255,255,255,.1) !important;
}
html body .abs-contact-strip .abs-card {
  min-height: 122px !important;
}
html body .abs-footer {
  margin-top: 0 !important;
}
@media (min-width: 981px) {
  html body .abs-section:not(.abs-hero):not(.abs-cta):not(.abs-stats) .abs-wrap {
    width: min(1210px, 100%) !important;
  }
  html body .abs-hero .abs-wrap {
    width: min(1320px, 100%) !important;
  }
}
@media (max-width: 1100px) {
  html body .abs-hero-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html body .abs-h1 {
    max-width: 860px !important;
    font-size: clamp(48px, 8vw, 78px) !important;
  }
  html body .abs-visual {
    min-height: 570px !important;
    transform: none;
  }
}
@media (max-width: 640px) {
  html body .abs-hero {
    padding-top: 112px !important;
  }
  html body .abs-h1 {
    font-size: clamp(42px, 13vw, 56px) !important;
    line-height: .96 !important;
  }
  html body .abs-lead {
    font-size: 17px !important;
  }
  html body .abs-kicker {
    padding: 14px !important;
  }
  html body .abs-actions .abs-btn {
    width: 100% !important;
  }
  html body .abs-visual {
    min-height: 500px !important;
  }
  html body .abs-visual.portrait .abs-laptop,
  html body .abs-laptop {
    inset: 72px 0 112px 0 !important;
  }
  html body .abs-dashboard {
    width: 100% !important;
    padding: 16px !important;
  }
  html body .abs-chart {
    height: 112px !important;
  }
  html body .abs-float-card.one {
    top: 46px !important;
  }
  html body .abs-float-card.two {
    top: 16px !important;
  }
  html body .abs-funnel {
    min-height: 390px !important;
    padding: 24px !important;
  }
}
/* Premium stats contrast fix */
html body .abs-stats {
  background: radial-gradient(circle at 18% 20%, rgba(79,70,229,.28), transparent 32%), radial-gradient(circle at 82% 36%, rgba(124,58,237,.22), transparent 30%), linear-gradient(135deg, #07101f 0%, #0d1833 54%, #160b2f 100%) !important;
}
html body .abs-stats .abs-card.abs-stat {
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(255,255,255,.115), rgba(255,255,255,.045)) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.16) !important;
  backdrop-filter: blur(18px) !important;
}
html body .abs-stats .abs-card.abs-stat:before {
  opacity: 1 !important;
  background: radial-gradient(circle at 20% 0%, rgba(124,58,237,.32), transparent 42%), linear-gradient(135deg, rgba(79,70,229,.22), transparent 52%) !important;
}
html body .abs-stats .abs-card.abs-stat:after {
  content: "";
  position: absolute;
  left: 26px;
  right: 26px;
  bottom: 0;
  height: 3px;
  border-radius: 999px 999px 0 0;
  background: linear-gradient(90deg, #60a5fa, #8b5cf6, #c084fc);
  box-shadow: 0 0 26px rgba(124,58,237,.5);
}
html body .abs-stats .abs-stat strong {
  position: relative;
  z-index: 2;
  color: #ffffff !important;
  text-shadow: 0 8px 28px rgba(0,0,0,.28);
}
html body .abs-stats .abs-stat .abs-small,
html body .abs-stats .abs-stat p {
  position: relative;
  z-index: 2;
  color: rgba(226,232,240,.86) !important;
  font-weight: 850 !important;
}
html body .abs-stats .abs-card.abs-stat:hover {
  border-color: rgba(167,139,250,.42) !important;
  box-shadow: 0 30px 90px rgba(79,70,229,.24), inset 0 1px 0 rgba(255,255,255,.2) !important;
}
/* Personal photo visibility: preserve the complete subject on every device. */
.abs-media-card > img,
.abs-photo > img {
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: linear-gradient(180deg, #eef3ff 0%, #ffffff 100%) !important;
}

.abs-media-card > img {
  aspect-ratio: 4 / 3;
}

.abs-photo {
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 3 / 2;
  display: grid;
  place-items: center;
  background: linear-gradient(180deg, #eef3ff 0%, #ffffff 100%);
}

.abs-photo > img {
  aspect-ratio: 3 / 2;
}

@media (max-width: 980px) {
  .abs-media-card > img {
    aspect-ratio: auto;
    max-height: 72vh !important;
  }

  .abs-photo,
  .abs-photo > img {
    aspect-ratio: 3 / 2;
  }
}

@media (max-width: 640px) {
  .abs-media-card > img,
  .abs-photo > img {
    max-height: none !important;
    object-position: center center !important;
  }

  .abs-media-card > img {
    aspect-ratio: auto;
  }

  .abs-photo,
  .abs-photo > img {
    aspect-ratio: 3 / 2;
  }
}

/* Mobile hero portrait recovery: keep the personal image visible in normal flow. */
@media (max-width: 640px) {
  html body .abs-hero .abs-visual {
    display: block !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: visible !important;
    transform: none !important;
    margin-top: 28px !important;
  }

  html body .abs-hero .abs-visual .abs-laptop,
  html body .abs-hero .abs-visual.portrait .abs-laptop {
    display: block !important;
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 440px !important;
    margin: 0 !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: hidden !important;
  }

  html body .abs-hero .abs-visual .abs-laptop img,
  html body .abs-hero .abs-visual.portrait .abs-laptop img {
    display: block !important;
    width: 100% !important;
    height: 440px !important;
    object-fit: contain !important;
    object-position: center bottom !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  html body .abs-hero .abs-visual .abs-dashboard {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    margin: -36px 0 0 !important;
    z-index: 5 !important;
  }

  html body .abs-hero .abs-visual .abs-float-card {
    display: none !important;
  }
}
