/* Extracted from inline HTML styles + icon fill/stroke control */

/* Hidden sprite host (if inlined) */
.ari-icon-sprite {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

/* ── Mobile drawer L-corner accent (was inline SVG path) ──────────────── */
.ari-corner-accent {
  width: 1rem; /* w-4 */
  height: 1rem;
  pointer-events: none;
  color: rgba(233, 101, 43, 0.3); /* accent @ 30% */
  border-left: 1px solid currentColor;
  border-top: 1px solid currentColor;
  background: transparent;
  box-sizing: border-box;
}

/* ── Icon base — asset masks painted with currentColor ───────────────── */
.ari-icon {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  overflow: hidden;
  color: inherit;
  background-color: currentColor;
  -webkit-mask: var(--ari-icon) center / contain no-repeat;
  mask: var(--ari-icon) center / contain no-repeat;
  /* Legacy SVG <use> shells still work if present */
  fill: currentColor;
  stroke: none;
}
.ari-icon--sm {
  width: 16px;
  height: 16px;
}
.ari-icon--stroke {
  /* mask assets already encode stroke shapes */
  fill: none;
  stroke: currentColor;
}
.ari-icon--white {
  color: #fff;
}
.ari-icon--spin {
  animation: 8s linear infinite spin;
}

/* Per-icon asset URLs (paths relative to assets/css/) */
.ari-icon--bars { --ari-icon: url("../icons/bars.svg"); }
.ari-icon--battery { --ari-icon: url("../icons/battery.svg"); }
.ari-icon--bolt { --ari-icon: url("../icons/bolt.svg"); }
.ari-icon--building { --ari-icon: url("../icons/building.svg"); }
.ari-icon--factory { --ari-icon: url("../icons/factory.svg"); }
.ari-icon--monitor { --ari-icon: url("../icons/monitor.svg"); }
.ari-icon--orbit-spin { --ari-icon: url("../icons/orbit-spin.svg"); }
.ari-icon--plug { --ari-icon: url("../icons/plug.svg"); }
.ari-icon--server { --ari-icon: url("../icons/server.svg"); }

/* WhatsApp uses <img class="ari-wa-svg"> — see css/whatsapp.css */

/* ── Mega menu offset (was style="top:80px") ──────────────────────────── */
.ari-mega-offset,
.static-mega.ari-mega,
.ari-mega-backdrop {
  top: 80px;
}

/* ── Hero / page gradient overlays ───────────────────────────────────── */
.ari-grad-hero-right {
  background: linear-gradient(
    to right,
    rgba(8, 8, 8, 1) 0%,
    rgba(8, 8, 8, 0.2) 30%,
    transparent 60%
  );
}
.ari-grad-hero-right-soft {
  background: linear-gradient(
    to right,
    rgba(8, 8, 8, 0.78) 0%,
    rgba(8, 8, 8, 0.2) 30%,
    transparent 60%
  );
}
.ari-grad-hero-top {
  background: linear-gradient(
    to top,
    rgba(8, 8, 8, 0.9) 0%,
    rgba(8, 8, 8, 0.3) 28%,
    transparent 55%
  );
}
.ari-grad-hero-bottom {
  background: linear-gradient(to bottom, rgba(8, 8, 8, 0.8) 0%, transparent 100%);
}
.ari-grad-hero-fade-down {
  background: linear-gradient(rgba(8, 8, 8, 0.82) 0%, transparent 100%);
}

/* Accent blur orbs */
.ari-orb-tr {
  background: radial-gradient(at right top, rgba(233, 101, 43, 0.04) 0%, transparent 70%);
  filter: blur(70px);
}
.ari-orb-bl {
  background: radial-gradient(at left bottom, rgba(233, 101, 43, 0.03) 0%, transparent 70%);
  filter: blur(70px);
}

/* Grid pattern overlays */
.ari-grid-white-16 {
  background-image:
    repeating-linear-gradient(
      0deg,
      rgb(255, 255, 255) 0px,
      rgb(255, 255, 255) 1px,
      transparent 1px,
      transparent 16px
    ),
    repeating-linear-gradient(
      90deg,
      rgb(255, 255, 255) 0px,
      rgb(255, 255, 255) 1px,
      transparent 1px,
      transparent 16px
    );
}
.ari-grid-accent-40 {
  background-size: 40px 40px;
  background-image:
    linear-gradient(to right, rgba(233, 101, 43, 0.3) 1px, transparent 1px),
    linear-gradient(rgba(233, 101, 43, 0.3) 1px, transparent 1px);
}

/* Clip / card shapes */
.ari-clip-tri-br {
  clip-path: polygon(100% 0px, 0px 0px, 100% 100%);
}

/* Product card media frame */
.ari-media-frame {
  min-height: 380px;
  height: clamp(380px, 45vw, 520px);
}

/* Material symbol variation */
.ari-ms-fill-0 {
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}
.ari-ms-fill-0-md {
  font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0, "opsz" 24;
}

/* Typography helpers */
.ari-fs-28 {
  font-size: 28px;
}
.ari-fs-16 {
  font-size: 16px;
}
.ari-lh-16 {
  line-height: 1.6;
}

/* Width / progress helpers */
.ari-w-full {
  width: 100%;
}
.ari-w-14 {
  width: 14px;
}
.ari-w-28 {
  width: 28px;
}
.ari-w-12p {
  width: 12%;
}
.ari-w-0-no-trans {
  width: 0%;
  transition: none;
}
.ari-w-pct {
  width: var(--ari-w, 0%);
}
.ari-w-19 {
  width: 19.7769%;
}
.ari-w-52 {
  width: 52.9412%;
}
.ari-w-99a {
  width: 99.9889%;
}
.ari-w-99b {
  width: 99.9574%;
}

/* Visibility / layout */
.ari-hidden-inline {
  display: none;
}
.ari-breakout-ml {
  margin-left: calc(50% - 50vw);
}

/* Marquee keyframes + utilities (was inline on products/services HTML) */
@keyframes productsMarquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
@keyframes servicesMarquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
.ari-marquee-products {
  animation: 35s linear 0s infinite normal none running productsMarquee;
}
.ari-marquee-services {
  animation: 35s linear 0s infinite normal none running servicesMarquee;
}

/* ── Letter / button stagger delays (was style="transition-delay:…") ─── */
.ari-td-0 {
  transition-delay: 0s;
}
.ari-td-0b {
  transition-delay: 0s;
} /* alias for 0.0s */
.ari-td-15 {
  transition-delay: 0.015s;
}
.ari-td-30 {
  transition-delay: 0.03s;
}
.ari-td-45 {
  transition-delay: 0.045s;
}
.ari-td-60 {
  transition-delay: 0.06s;
}
.ari-td-75 {
  transition-delay: 0.075s;
}
.ari-td-90 {
  transition-delay: 0.09s;
}
.ari-td-105 {
  transition-delay: 0.105s;
}
.ari-td-120 {
  transition-delay: 0.12s;
}
.ari-td-135 {
  transition-delay: 0.135s;
}
.ari-td-150 {
  transition-delay: 0.15s;
}
.ari-td-165 {
  transition-delay: 0.165s;
}
.ari-td-180 {
  transition-delay: 0.18s;
}
.ari-td-195 {
  transition-delay: 0.195s;
}
.ari-td-210 {
  transition-delay: 0.21s;
}
.ari-td-225 {
  transition-delay: 0.225s;
}
.ari-td-240 {
  transition-delay: 0.24s;
}
.ari-td-255 {
  transition-delay: 0.255s;
}
.ari-td-270 {
  transition-delay: 0.27s;
}
.ari-td-285 {
  transition-delay: 0.285s;
}
.ari-td-300 {
  transition-delay: 0.3s;
}
.ari-td-315 {
  transition-delay: 0.315s;
}
.ari-td-330 {
  transition-delay: 0.33s;
}
.ari-td-345 {
  transition-delay: 0.345s;
}
.ari-td-360 {
  transition-delay: 0.36s;
}
.ari-td-375 {
  transition-delay: 0.375s;
}
.ari-td-390 {
  transition-delay: 0.39s;
}
.ari-td-405 {
  transition-delay: 0.405s;
}
.ari-td-420 {
  transition-delay: 0.42s;
}
.ari-td-435 {
  transition-delay: 0.435s;
}
.ari-td-450 {
  transition-delay: 0.45s;
}
.ari-td-465 {
  transition-delay: 0.465s;
}