/*! Devpro enhancement layer (v1.1) — loads after main.css. Additive: remove this file to revert. */

/* Accessibility: dark text on the emerald primary button and dark-emerald accent links on light sections meet 4.5:1 */
.btn--primary{background:linear-gradient(135deg,#34D399 0%,#10B981 100%);color:#04110D;box-shadow:0 10px 30px -12px rgba(16,185,129,.8),inset 0 1px 0 rgba(255,255,255,.3)}
.btn--primary:hover{background:linear-gradient(135deg,#6EE7B7 0%,#14C48A 100%)}
.section--light,.section--soft{--accent:#047857;--border-strong:rgba(4,120,87,.45)}

/* Typography polish */
.section-head h2,.hero h1{text-wrap:balance}
.section-head__sub,.hero__lead,.lead{text-wrap:pretty}
.stat__num{font-variant-numeric:tabular-nums}
html{scrollbar-color:#2b6b55 #04110D}

/* Reading progress bar */
.fx-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:1100;pointer-events:none;transform-origin:0 50%;transform:scaleX(var(--fx-p,0));background:linear-gradient(90deg,#34D399,#A7F3D0)}
[dir="rtl"] .fx-progress{transform-origin:100% 50%}

/* Card spotlight (follows the pointer; hover devices only) */
.fx-host{position:relative}
.fx-spot{position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;z-index:1;transition:opacity .35s var(--ease);background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(52,211,153,.16),transparent 62%)}
.section--light .fx-spot,.section--soft .fx-spot{background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(4,120,87,.09),transparent 62%)}
@media (hover:hover){
  .fx-host:hover .fx-spot{opacity:1}
  .service-card,.portfolio-card,.demo-card,.feature-card,.showroom-card,.post-card{transition:transform .35s var(--ease),border-color .3s,box-shadow .35s var(--ease)}
  .service-card:hover,.portfolio-card:hover,.demo-card:hover,.feature-card:hover,.showroom-card:hover,.post-card:hover{transform:translateY(-4px);border-color:var(--border-strong);box-shadow:0 26px 50px -26px rgba(16,185,129,.45)}
}

/* Tech strip */
.fx-marquee{background:var(--c-blue-dark);border-block:1px solid var(--border);overflow:hidden;padding:18px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.fx-marquee__track{display:flex;gap:14px;width:max-content;animation:fx-scroll 42s linear infinite}
.fx-marquee:hover .fx-marquee__track{animation-play-state:paused}
.fx-marquee__set{display:flex;gap:14px;list-style:none;margin:0;padding:0}
.fx-chip{display:inline-flex;align-items:center;gap:.6rem;padding:.55rem 1.1rem;border:1px solid var(--border);border-radius:999px;background:rgba(17,56,43,.6);color:var(--text-soft);font:600 .9rem/1.2 var(--font-body);white-space:nowrap}
.fx-chip i{width:7px;height:7px;border-radius:50%;background:var(--c-bright);box-shadow:0 0 10px var(--c-bright)}
@keyframes fx-scroll{to{transform:translateX(-50%)}}
[dir="rtl"] .fx-marquee__track{animation-direction:reverse}

@media (prefers-reduced-motion:reduce){
  .fx-progress{display:none}
  .fx-marquee{-webkit-mask-image:none;mask-image:none}
  .fx-marquee__track{animation:none;width:auto;flex-wrap:wrap;justify-content:center;padding:0 var(--gutter)}
  .fx-marquee__set{flex-wrap:wrap;justify-content:center}
  .fx-marquee__set[aria-hidden="true"]{display:none}
  .service-card:hover,.portfolio-card:hover,.demo-card:hover,.feature-card:hover,.showroom-card:hover,.post-card:hover{transform:none}
}

/* SEO landing pages: internal link chips */
.seo-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;list-style:none;margin:0 0 40px;padding:0}
.seo-links li{margin:0}
.seo-links a{display:inline-block;padding:.5em 1em;border-radius:999px;font-size:.9rem;font-weight:600;color:var(--accent);background:var(--icon-bg);border:1px solid var(--border);transition:border-color .25s,transform .25s}
.seo-links a:hover,.seo-links a:focus-visible{border-color:var(--border-strong);transform:translateY(-2px)}