/* ==========================================================================
   AR Technology — Smart Industries page styles
   Loaded only on the Smart Industries page template.
   ========================================================================== */

@property --ar-a { syntax: '<angle>'; inherits: false; initial-value: 0deg; }

@keyframes arSiAurora { 0%,100% { transform: translateX(-8%) rotate(8deg); opacity:.5; } 50% { transform: translateX(8%) rotate(12deg); opacity:.95; } }
@keyframes arShimmer { to { background-position: 300% center; } }
@keyframes arConicSpin { to { --ar-a: 360deg; } }
@keyframes arHoloScan { 0% { top:-20%; } 100% { top:120%; } }
@keyframes arFloatY { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-9px); } }
@keyframes arTick { 0%,100% { opacity:.28; } 50% { opacity:1; } }
@keyframes arSweepX { 0% { transform: translateX(-110%); } 100% { transform: translateX(340%); } }
@keyframes arGrowY { from { transform: scaleY(.1); } to { transform: scaleY(1); } }
@keyframes arGrowX { from { transform: scaleX(.06); } to { transform: scaleX(1); } }
@keyframes arFlowDash { to { stroke-dashoffset: -300; } }
@keyframes arGearSpin { to { transform: rotate(360deg); } }
/* industry-specific */
@keyframes arConveyor { from { background-position: 0 0; } to { background-position: 44px 0; } }
@keyframes arRobotArm { 0%,100% { transform: rotate(-26deg); } 45% { transform: rotate(16deg); } 60% { transform: rotate(14deg); } }
@keyframes arSpark { 0% { transform: translate(0,0) scale(1); opacity:1; } 100% { transform: translate(var(--sx), var(--sy)) scale(0); opacity:0; } }
@keyframes arHeatSweep { 0%,100% { transform: translateX(-18%); opacity:.25; } 50% { transform: translateX(18%); opacity:.7; } }
@keyframes arWarnPulse { 0%,100% { box-shadow: 0 0 0 0 rgba(245,184,77,.5); border-color: rgba(245,184,77,.4); } 50% { box-shadow: 0 0 0 10px rgba(245,184,77,0); border-color: rgba(245,184,77,.85); } }
@keyframes arPredictDot { 0%,100% { r:3.4; opacity:.6; } 50% { r:5.4; opacity:1; } }
@keyframes arRuleIn { 0%,12% { opacity:.25; transform: translateX(-6px); } 22%,88% { opacity:1; transform: translateX(0); } 100% { opacity:.25; transform: translateX(-6px); } }
@keyframes arPinPop { 0% { transform: scale(.4); opacity:0; } 60% { transform: scale(1.15); opacity:1; } 100% { transform: scale(1); opacity:1; } }

/* ---------- Hero ---------- */
.ar-si-hero { position:relative; min-height:92vh; display:flex; align-items:center; overflow:hidden;
  background: radial-gradient(1200px 700px at 66% 24%, #0A1B33 0%, #050B18 46%, #030712 100%); }
.ar-si-hero .ar-hero-canvas { position:absolute; inset:0; width:100%; height:100%; }
.ar-si-hero-inner { position:relative; z-index:2; max-width:1360px; margin:0 auto; width:100%;
  padding:160px 28px 90px; display:grid; grid-template-columns:repeat(auto-fit,minmax(340px,1fr)); gap:56px; align-items:center; }
.ar-si-hero h1 { font-family:var(--font-head); font-weight:700; font-size:clamp(34px,4.8vw,60px); line-height:1.07; letter-spacing:-.02em; margin:22px 0 0; }
.ar-si-hero .ar-lead { margin:22px 0 0; max-width:560px; }
.ar-si-aurora { position:absolute; top:-40%; height:95%; filter:blur(36px); pointer-events:none; }
.ar-si-aurora.ar-aur-1 { left:12%; width:320px; background:linear-gradient(180deg, transparent, rgba(56,225,255,.22), transparent); animation:arSiAurora 13s ease-in-out infinite; }
.ar-si-aurora.ar-aur-2 { right:11%; width:280px; background:linear-gradient(180deg, transparent, rgba(45,212,191,.17), transparent); animation:arSiAurora 17s ease-in-out infinite reverse; }
.ar-si-grid { position:absolute; inset:0; pointer-events:none;
  background-image:linear-gradient(rgba(56,225,255,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(56,225,255,.06) 1px, transparent 1px);
  background-size:64px 64px; -webkit-mask-image:radial-gradient(1000px 640px at 46% 42%, black, transparent);
  mask-image:radial-gradient(1000px 640px at 46% 42%, black, transparent); animation:arGrid 12s linear infinite; }
.ar-si-veil { position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(180deg, rgba(3,7,18,.4) 0%, rgba(3,7,18,.12) 38%, rgba(3,7,18,.94) 100%); }
.ar-shimmer-text { background:linear-gradient(120deg, #EEF4FB, #38E1FF, #2DD4BF, #EEF4FB); background-size:300% auto;
  -webkit-background-clip:text; background-clip:text; color:transparent; animation:arShimmer 8s linear infinite; }
.ar-pill { display:inline-flex; align-items:center; gap:10px; border:1px solid rgba(56,225,255,.32); background:rgba(56,225,255,.07);
  border-radius:100px; padding:7px 16px; font-family:var(--font-mono); font-size:12px; letter-spacing:1.6px; color:var(--cyan); }
.ar-pill-dot { width:7px; height:7px; border-radius:50%; background:var(--teal); box-shadow:0 0 10px var(--teal); animation:arBlink 2.2s ease-in-out infinite; }
.ar-si-actions { display:flex; flex-wrap:wrap; gap:16px; margin-top:34px; }
.ar-si-chips { display:flex; flex-wrap:wrap; gap:10px; margin-top:30px; }
.ar-si-chip { display:inline-flex; align-items:center; gap:8px; font-family:var(--font-mono); font-size:11px; letter-spacing:.8px;
  color:var(--text2); border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.03); border-radius:8px; padding:8px 13px; }
.ar-si-chip em { font-style:normal; color:var(--cyan); }

/* ---------- Hero: factory line panel ---------- */
.ar-line-panel { position:relative; min-height:420px; border-radius:20px; overflow:hidden; padding:22px; backdrop-filter:blur(12px);
  border:1px solid rgba(56,225,255,.38); background:rgba(5,11,24,.8);
  box-shadow:0 40px 90px rgba(0,0,0,.6), 0 0 44px rgba(56,225,255,.14); animation:arFloatY 9s ease-in-out infinite; }
.ar-holo-scan { position:absolute; left:0; right:0; height:54px; pointer-events:none;
  background:linear-gradient(180deg, transparent, rgba(56,225,255,.09), transparent); animation:arHoloScan 6.5s linear infinite; }
.ar-line-top { position:relative; display:flex; justify-content:space-between; align-items:center; margin-bottom:16px; }
.ar-line-label { font-family:var(--font-mono); font-size:10.5px; color:var(--cyan); letter-spacing:1.5px; }
.ar-line-live { display:inline-flex; align-items:center; gap:6px; font-family:var(--font-mono); font-size:9.5px; letter-spacing:1.4px; color:var(--teal); }
.ar-line-live i { width:7px; height:7px; border-radius:50%; background:var(--teal); box-shadow:0 0 8px var(--teal); animation:arBlink 1.8s ease-in-out infinite; }

.ar-line-stage { position:relative; height:150px; border-radius:12px; overflow:hidden;
  border:1px solid rgba(56,225,255,.14); background:linear-gradient(180deg, rgba(56,225,255,.05), transparent); }
.ar-line-heat { position:absolute; inset-inline:0; top:0; height:100%; pointer-events:none;
  background:radial-gradient(220px 90px at 50% 40%, rgba(245,184,77,.18), transparent 70%); animation:arHeatSweep 6s ease-in-out infinite; }
.ar-conveyor { position:absolute; inset-inline:0; bottom:0; height:16px; border-top:1px solid rgba(56,225,255,.3);
  background-image:repeating-linear-gradient(90deg, rgba(56,225,255,.35) 0 4px, transparent 4px 22px);
  animation:arConveyor 1.1s linear infinite; }
.ar-robot-arm { position:absolute; inset-inline-start:26px; bottom:16px; width:8px; height:78px; border-radius:4px;
  background:linear-gradient(180deg, rgba(56,225,255,.7), rgba(56,225,255,.15)); transform-origin:bottom center;
  animation:arRobotArm 3.4s ease-in-out infinite; }
.ar-robot-arm i { position:absolute; top:-8px; left:-4px; width:16px; height:16px; border-radius:4px;
  border:1.5px solid var(--cyan); background:rgba(56,225,255,.15); }
.ar-line-stage .ar-gear { position:absolute; display:inline-block; }
.ar-line-stage .ar-gear-1 { inset-inline-end:38px; top:24px; font-size:26px; animation:arGearSpin 6s linear infinite; }
.ar-line-stage .ar-gear-2 { inset-inline-end:74px; top:52px; font-size:18px; animation:arGearSpin 4s linear infinite reverse; }
.ar-spark { position:absolute; inset-inline-start:44px; bottom:88px; width:4px; height:4px; border-radius:50%;
  background:#F5B84D; box-shadow:0 0 8px #F5B84D; animation:arSpark 1.4s ease-out infinite; }

.ar-machine-rows { position:relative; display:flex; flex-direction:column; gap:7px; margin-top:16px; }
.ar-machine-row { display:flex; align-items:center; gap:10px; padding:9px 12px; border-radius:9px;
  border:1px solid rgba(56,225,255,.18); background:rgba(56,225,255,.04);
  font-family:var(--font-mono); font-size:9.5px; letter-spacing:1px; color:#C4D3E5; animation:arTick 3s ease-in-out infinite; }
.ar-machine-row.is-warn { border-color:rgba(245,184,77,.4); background:rgba(245,184,77,.06); animation:arWarnPulse 2.4s ease-in-out infinite; }
.ar-machine-row em { font-style:normal; color:var(--cyan); min-width:56px; }
.ar-machine-row.is-warn em, .ar-machine-row.is-warn b { color:var(--amber); }
.ar-machine-row b { font-weight:400; color:var(--teal); min-width:58px; text-align:end; }
.ar-machine-bar { position:relative; flex:1; height:5px; border-radius:3px; background:rgba(255,255,255,.07); overflow:hidden; }
.ar-machine-bar i { position:absolute; inset-inline-start:0; top:0; bottom:0; border-radius:3px;
  background:linear-gradient(90deg, var(--cyan), var(--teal)); transform-origin:left; animation:arGrowX 1.4s cubic-bezier(.2,.8,.3,1) both; }
[dir="rtl"] .ar-machine-bar i { transform-origin:right; }
.ar-machine-row.is-warn .ar-machine-bar i { background:linear-gradient(90deg, var(--amber), #EF6B6B); }

.ar-line-stats { position:relative; display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:16px; }
.ar-line-stat { border:1px solid rgba(255,255,255,.08); border-radius:10px; padding:12px; text-align:center; background:rgba(255,255,255,.02); }
.ar-line-stat b { display:block; font-family:var(--font-mono); font-size:17px; font-weight:400; }
.ar-line-stat em { display:block; font-style:normal; font-family:var(--font-mono); font-size:9px; color:var(--text3); margin-top:4px; letter-spacing:1px; }

/* ---------- Breadcrumbs + pain points ---------- */
.ar-crumbs { font-family:var(--font-mono); font-size:11px; letter-spacing:1.5px; color:var(--text3); margin-bottom:40px; }
.ar-crumbs a { color:var(--text3); text-decoration:none; }
.ar-crumbs a:hover { color:var(--cyan); }
.ar-crumbs span { color:var(--cyan); }
.ar-pain-split { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:48px; align-items:start; }
.ar-pain-list { display:flex; flex-direction:column; gap:12px; }
.ar-pain-card { display:flex; gap:14px; align-items:flex-start; border-radius:14px; padding:20px;
  border:1px solid rgba(245,184,77,.18); background:linear-gradient(150deg, rgba(245,184,77,.05), rgba(255,255,255,.012));
  transition:border-color .3s ease, transform .3s ease; }
.ar-pain-card:hover { border-color:rgba(245,184,77,.5); transform:translateX(5px); }
[dir="rtl"] .ar-pain-card:hover { transform:translateX(-5px); }
.ar-pain-icon { width:34px; height:34px; flex-shrink:0; border-radius:50%; display:grid; place-items:center;
  border:1px solid rgba(245,184,77,.5); background:rgba(245,184,77,.08); color:var(--amber);
  font-family:var(--font-head); font-weight:700; font-size:15px; animation:arWarnPulse 2.6s ease-in-out infinite; }
.ar-pain-title { display:block; font-family:var(--font-head); font-size:16px; font-weight:600; }
.ar-pain-desc { display:block; color:var(--text3); font-size:13.5px; line-height:1.6; margin-top:5px; }
.ar-detail-lead { color:var(--text2); margin-top:18px; max-width:520px; line-height:1.7; }

/* ---------- Capability blocks ---------- */
.ar-cap-block { display:grid; grid-template-columns:repeat(auto-fit,minmax(330px,1fr)); gap:52px; align-items:center; margin-top:60px; }
.ar-cap-flip .ar-cap-copy { order:2; }
.ar-cap-flip .ar-holo-panel { order:1; }
.ar-cap-badge { position:relative; width:56px; height:56px; border-radius:15px; display:grid; place-items:center; font-size:24px;
  background:var(--ibg); border:1px solid var(--acc); box-shadow:0 0 26px var(--soft); }
.ar-cap-ring { position:absolute; inset:-6px; border:1px solid var(--acc); border-radius:18px; opacity:.6; animation:arRing 3s ease-out infinite; }
.ar-cap-code { font-family:var(--font-mono); font-size:12px; letter-spacing:2px; color:var(--acc); margin-top:18px; }
.ar-h3 { font-family:var(--font-head); font-weight:700; font-size:clamp(22px,2.4vw,32px); line-height:1.2; letter-spacing:-.015em; margin:12px 0 0; }
.ar-cap-points { display:flex; flex-direction:column; gap:10px; margin-top:24px; }
.ar-cap-point { display:flex; align-items:flex-start; gap:10px; font-size:14.5px; color:#C4D3E5;
  padding:9px 13px; border-radius:10px; border:1px solid rgba(255,255,255,.07); background:rgba(255,255,255,.025);
  transition:border-color .3s ease, transform .3s ease; }
.ar-cap-point:hover { border-color:var(--acc); transform:translateX(5px); }
[dir="rtl"] .ar-cap-point:hover { transform:translateX(-5px); }
.ar-cap-point > span:first-child { color:var(--acc); font-size:12px; line-height:1.6; }

/* Holographic panel (shared) */
.ar-holo-panel { position:relative; min-height:340px; border-radius:20px; overflow:hidden; padding:22px; backdrop-filter:blur(10px);
  border:1px solid var(--acc); background:rgba(5,11,24,.74);
  box-shadow:0 30px 70px rgba(0,0,0,.5), 0 0 40px var(--soft); animation:arFloatY 8s ease-in-out infinite; }
.ar-holo-top { position:relative; display:flex; justify-content:space-between; align-items:center; margin-bottom:16px; }
.ar-holo-label { font-family:var(--font-mono); font-size:10.5px; color:var(--acc); letter-spacing:1.5px; }
.ar-holo-live { width:7px; height:7px; border-radius:50%; background:var(--teal); box-shadow:0 0 8px var(--teal); animation:arBlink 1.8s ease-in-out infinite; }
.ar-holo-stats { position:relative; display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:18px; }
.ar-holo-stat { border:1px solid rgba(255,255,255,.08); border-radius:10px; padding:12px; text-align:center; background:rgba(255,255,255,.02); }
.ar-holo-stat-v { font-family:var(--font-mono); font-size:16px; color:var(--acc); }
.ar-holo-stat-l { font-family:var(--font-mono); font-size:9px; color:var(--text3); margin-top:4px; letter-spacing:1px; }

/* viz 01: yard map */
.ar-yard { position:relative; height:200px; border-radius:12px; overflow:hidden;
  background-image:radial-gradient(rgba(56,225,255,.16) 1px, transparent 1px); background-size:16px 16px; }
.ar-yard-svg { position:absolute; inset:0; width:100%; height:100%; }
.ar-yard-path { animation:arFlowDash 5s linear infinite; }
.ar-yard-pin { position:absolute; width:9px; height:9px; border-radius:50%; animation:arPinPop .7s cubic-bezier(.34,1.56,.64,1) both; }
.ar-yard-pin i { position:absolute; inset:-6px; border:1px solid; border-radius:50%; animation:arRing 2.6s ease-out infinite; }
.ar-yard-note { position:absolute; inset-inline-end:10px; bottom:8px; font-family:var(--font-mono); font-size:9px; color:var(--text3); letter-spacing:1px; }

/* viz 02: predictive */
.ar-predict { height:200px; display:flex; flex-direction:column; gap:8px; }
.ar-predict-head { display:flex; align-items:center; gap:10px; font-family:var(--font-mono); font-size:9.5px; letter-spacing:1.2px; }
.ar-predict-line { flex:1; height:1px; background:linear-gradient(90deg, var(--acc), transparent); }
.ar-predict-warn { color:var(--amber); animation:arBlink 1.8s ease-in-out infinite; }
.ar-vib { display:flex; align-items:flex-end; gap:2px; height:56px; }
.ar-vib i { flex:1; border-radius:2px 2px 0 0; background:var(--acc); transform-origin:bottom;
  animation:arGrowY 1.2s cubic-bezier(.2,.8,.3,1) both; }
.ar-predict-svg { width:100%; height:70px; }
.ar-predict-poly { stroke-dasharray:700; stroke-dashoffset:700; animation:arDash 2.6s ease forwards; }
.ar-predict-dot { animation:arPredictDot 2s ease-in-out infinite; }
.ar-predict-foot { font-family:var(--font-mono); font-size:9px; color:var(--text3); letter-spacing:1px; }

/* viz 03: automation flow */
.ar-flow { height:200px; display:flex; flex-direction:column; gap:8px; }
.ar-flow-svg { width:100%; height:96px; }
.ar-flow-path { animation:arFlowDash 4s linear infinite; }
.ar-flow-labels { display:flex; justify-content:space-between; font-family:var(--font-mono); font-size:9px; color:var(--text3); letter-spacing:1.2px; }
.ar-rules { display:flex; flex-direction:column; gap:6px; margin-top:4px; }
.ar-rule { display:flex; align-items:center; gap:8px; font-family:var(--font-mono); font-size:9px; letter-spacing:.8px; color:#C4D3E5;
  padding:7px 10px; border-radius:8px; border:1px solid rgba(52,211,153,.2); background:rgba(52,211,153,.05);
  animation:arRuleIn 3.6s ease-in-out infinite; }
.ar-rule em { font-style:normal; color:var(--acc); }

/* ---------- Benefit metrics ---------- */
.ar-ben-metric { position:relative; border-radius:18px; padding:24px; display:flex; flex-direction:column; gap:8px;
  border:1px solid rgba(255,255,255,.09); background:linear-gradient(165deg, rgba(255,255,255,.045), rgba(255,255,255,.012));
  transition:border-color .3s ease, transform .3s ease; }
.ar-ben-metric:hover { transform:translateY(-6px); border-color:var(--acc); }
.ar-ben-icon { font-size:24px; }
.ar-ben-value { font-family:var(--font-mono); font-size:30px; color:var(--acc); line-height:1.1; }
.ar-ben-metric-title { font-family:var(--font-head); font-size:15.5px; font-weight:600; }
.ar-ben-metric-desc { color:var(--text3); font-size:13px; line-height:1.6; }
.ar-placeholder-note { margin-top:22px; font-family:var(--font-mono); font-size:10px; color:var(--dim); letter-spacing:1px; }

/* ---------- Architecture layers ---------- */
.ar-layers { position:relative; display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:52px; }
.ar-layers-track { position:absolute; inset-inline:10%; top:30px; height:2px; border-radius:2px;
  background:linear-gradient(90deg, transparent, rgba(45,212,191,.45), rgba(56,225,255,.45), rgba(167,139,250,.45), transparent); }
.ar-layer { position:relative; display:flex; flex-direction:column; align-items:center; gap:11px; padding:0 8px; }
.ar-layer-icon { position:relative; width:60px; height:60px; border-radius:50%; display:grid; place-items:center; font-size:22px; z-index:1;
  border:1.5px solid var(--acc); background:var(--bg2); box-shadow:0 0 24px var(--soft); }
.ar-layer-icon i { position:absolute; inset:-6px; border:1px solid var(--acc); border-radius:50%; animation:arRing 3s ease-out infinite; }
.ar-layer-tier { font-family:var(--font-mono); font-size:10px; letter-spacing:1.8px; color:var(--acc); }
.ar-layer-name { font-family:var(--font-head); font-size:16px; font-weight:600; }
.ar-layer-desc { color:var(--text3); font-size:13px; line-height:1.55; }

/* ---------- Sensor catalog ---------- */
.ar-sensor-card { position:relative; overflow:hidden; border-radius:16px; padding:22px; display:flex; flex-direction:column; gap:8px;
  border:1px solid rgba(255,255,255,.09); background:linear-gradient(165deg, rgba(255,255,255,.045), rgba(255,255,255,.012));
  transition:border-color .3s ease, transform .3s ease; }
.ar-sensor-card:hover { border-color:rgba(45,212,191,.5); transform:translateY(-6px); }
.ar-sensor-sweep { position:absolute; inset-inline-start:0; top:0; bottom:0; width:26px; pointer-events:none;
  background:linear-gradient(90deg, transparent, rgba(45,212,191,.12), transparent); animation:arSweepX 4s linear infinite; }
.ar-sensor-icon { position:relative; font-size:26px; }
.ar-sensor-name { position:relative; font-family:var(--font-head); font-size:15.5px; font-weight:600; line-height:1.35; }
.ar-sensor-desc { position:relative; color:var(--text3); font-size:12.5px; line-height:1.6; }
.ar-sensor-spec { position:relative; display:inline-flex; align-items:center; gap:7px; font-family:var(--font-mono); font-size:9.5px;
  color:var(--teal); letter-spacing:1.2px; margin-top:6px; }
.ar-sensor-spec i { width:6px; height:6px; border-radius:50%; background:var(--teal); box-shadow:0 0 7px var(--teal); animation:arTick 2.2s ease-in-out infinite; }

/* ---------- Case study ---------- */
.ar-case-card { border-radius:16px; border:1px solid; padding:24px; display:flex; flex-direction:column; gap:10px; }
.ar-case-label { font-family:var(--font-mono); font-size:10px; letter-spacing:1.8px; }
.ar-case-body { color:#C4D3E5; font-size:14px; line-height:1.65; }
.ar-inline-link { text-decoration:none; font-family:var(--font-head); font-weight:600; font-size:14px;
  border-bottom:1px solid; padding-bottom:3px; }

/* ---------- FAQ ---------- */
.ar-faq-list { display:flex; flex-direction:column; gap:12px; }
.ar-faq-item { border-radius:14px; overflow:hidden; border:1px solid rgba(255,255,255,.09); background:rgba(255,255,255,.03);
  transition:border-color .35s ease, background .35s ease; }
.ar-faq-item.is-open { border-color:rgba(56,225,255,.45); background:rgba(56,225,255,.05); }
.ar-faq-q { width:100%; text-align:start; background:none; border:none; cursor:pointer; padding:20px 22px;
  display:flex; justify-content:space-between; align-items:center; gap:16px; color:var(--text);
  font-family:var(--font-head); font-size:15.5px; font-weight:600; }
.ar-faq-q i { flex-shrink:0; font-style:normal; color:var(--cyan); font-size:20px;
  transition:transform .35s cubic-bezier(.34,1.56,.64,1); }
.ar-faq-item.is-open .ar-faq-q i { transform:rotate(135deg); }
.ar-faq-a { max-height:0; overflow:hidden; transition:max-height .4s ease; }
.ar-faq-item.is-open .ar-faq-a { max-height:300px; }
.ar-faq-a > div { padding:0 22px 20px; color:var(--text3); font-size:14.5px; line-height:1.65; }

/* ---------- Related ---------- */
.ar-related-label { font-family:var(--font-mono); font-size:11.5px; letter-spacing:2.2px; color:var(--text3); }
.ar-related-card { text-decoration:none; color:var(--text); border-radius:16px; padding:22px; display:flex; flex-direction:column; gap:9px;
  border:1px solid rgba(255,255,255,.09); background:rgba(255,255,255,.03);
  transition:border-color .3s ease, transform .3s ease; }
.ar-related-card:hover { border-color:var(--acc); transform:translateY(-6px); color:var(--acc); }

/* ---------- CTA ---------- */
.ar-cta-ripple { position:absolute; left:50%; bottom:6%; width:420px; height:420px; margin-inline-start:-210px;
  border:1px solid rgba(56,225,255,.3); border-radius:50%; pointer-events:none; animation:arRing 6s ease-out infinite; }

/* ---------- Radiant border ---------- */
.ar-radiant { position:relative; }
.ar-radiant::before { content:''; position:absolute; inset:-1px; border-radius:19px; padding:1px; pointer-events:none;
  background:conic-gradient(from var(--ar-a), transparent 20%, var(--c1), var(--c2), transparent 80%);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor;
  mask-composite:exclude; opacity:0; transition:opacity .35s ease; }
.ar-radiant:hover::before { opacity:1; animation:arConicSpin 4s linear infinite; }

@media (max-width: 1100px) {
  .ar-layers { grid-template-columns:repeat(2,1fr); row-gap:34px; }
  .ar-layers-track { display:none; }
}
@media (max-width: 760px) {
  .ar-cap-flip .ar-cap-copy, .ar-cap-flip .ar-holo-panel { order:0; }
}

@media (prefers-reduced-motion: reduce) {
  .ar-si-hero *, .ar-line-panel, .ar-line-panel *, .ar-holo-panel, .ar-holo-panel *,
  .ar-cta-ripple, .ar-radiant::before, .ar-cap-ring, .ar-pain-icon, .ar-sensor-sweep,
  .ar-layer-icon i, .ar-rule, .ar-yard-pin, .ar-yard-pin i { animation:none !important; }
  .ar-predict-poly, .ar-yard-path, .ar-flow-path { stroke-dashoffset:0 !important; }
  .ar-machine-bar i, .ar-vib i { animation:none !important; transform:none !important; }
}