#see-it-in-action { background:#f5f5f5; padding:60px 24px; text-align:center; scroll-margin-top:220px; }
#see-it-in-action h2 { font-family:'Barlow Condensed','Arial Narrow',sans-serif; font-size:clamp(28px,4.6vw,56px); line-height:1.04; color:#003478; margin:0 auto 24px; max-width:1100px; text-wrap:balance; overflow-wrap:anywhere; }
#fe-demo-inline { display:block; position:relative; width:100%; max-width:1200px; height:720px; min-height:500px; margin:0 auto; overflow:hidden; border-radius:12px; background:#fff; }
#fe-demo-inline .fe-demo-frame { display:block; width:100%; height:100%; border:0; }
#fe-demo-inline .fe-demo-status { position:absolute; inset:0; padding:24px; background:#fff; z-index:1; }
#fe-demo-inline .fe-demo-retry { border:1px solid #003478; border-radius:4px; padding:6px 12px; background:#fff; color:#003478; cursor:pointer; }
#fe-demo-inline [hidden] { display:none; }
@media(max-width:700px) { #see-it-in-action { padding:48px 12px; } #fe-demo-inline { height:960px; } }

/* Independent full-app dialog; the existing inline viewer and video modal are untouched. */
#fe-full-launch { margin-top:24px; padding:14px 32px; border:2px solid #003478; border-radius:6px; background:#003478; color:#fff; font:700 18px/1.3 Arial,sans-serif; cursor:pointer; display:inline-block; text-decoration:none !important; letter-spacing:.3px; }
#fe-full-launch:hover { background:#002653; }
#fe-full-dialog { box-sizing:border-box; width:calc(100% - 32px); max-width:1600px; height:92vh; height:92dvh; max-height:calc(100% - 24px); margin:auto; padding:0; border:0; border-radius:12px; color:#171717; background:#fff; overflow:hidden; text-align:left; }
#fe-full-dialog[open] { display:flex; flex-direction:column; }
#fe-full-dialog::backdrop { background:rgba(0,15,35,.78); }
#fe-full-dialog .fe-full-header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 18px; flex:none; border-bottom:1px solid #ddd; }
#fe-full-title { margin:0; font:700 clamp(18px,2vw,26px)/1.2 Arial,sans-serif; color:#003478; }
#fe-full-dialog button { border:1px solid #003478; border-radius:5px; padding:8px 12px; background:#fff; color:#003478; font:600 14px/1.25 Arial,sans-serif; cursor:pointer; min-height:44px; flex:none; }
#fe-full-dialog #fe-full-close span { font-size:20px; margin-left:6px; }
#fe-full-note { padding:8px 18px; margin:0; font:14px/1.4 Arial,sans-serif; background:#f0f5fa; flex:none; }
#fe-full-note a { color:#003478; text-decoration:underline; font-weight:600; }
#fe-full-status { padding:8px 18px; margin:0; font:14px/1.4 Arial,sans-serif; flex:none; }
#fe-full-frame-host { flex:1; min-height:0; overflow:auto; overscroll-behavior:contain; }
#fe-full-frame-host iframe { width:100%; height:100%; min-height:560px; border:0; display:block; background:#fff; }
#fe-full-dialog .fe-full-footer { display:flex; justify-content:flex-end; padding:6px 18px; flex:none; border-top:1px solid #ddd; }
#fe-full-dialog [hidden] { display:none; }
#fe-full-launch:focus-visible, #fe-full-dialog button:focus-visible, #fe-full-dialog a:focus-visible { outline:3px solid #208ddd; outline-offset:3px; }
@media(max-width:700px) {
  #fe-full-dialog { width:calc(100% - 12px); height:calc(100vh - 12px); height:calc(100dvh - 12px); max-height:calc(100% - 12px); border-radius:8px; }
  #fe-full-dialog .fe-full-header { padding:8px 10px; }
  #fe-full-note, #fe-full-status { padding:6px 10px; font-size:12px; }
  #fe-full-dialog .fe-full-footer { padding:4px 10px; }
}

#see-it-in-action .fe-demo-product-image { display:block; width:100%; max-width:900px; height:auto; margin:0 auto 32px; }

/* ── 3D/AR technology badges ─────────────────────────────── */
.fe-demo-tech-badges {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin: 0 auto 28px;
  justify-content: center;
}
.fe-tech-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 16px 7px 10px;
  border: 1.5px solid rgba(0,52,120,0.22);
  border-radius: 999px;
  background: rgba(0,52,120,0.05);
  font-family: 'Ford Antenna', 'Barlow Condensed', Arial, sans-serif;
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #003478;
  user-select: none;
  white-space: nowrap;
}
.fe-tech-badge svg { flex-shrink: 0; }
@media (max-width: 480px) {
  .fe-demo-tech-badges { gap: 8px; }
  .fe-tech-badge { font-size: 0.78rem; padding: 6px 12px 6px 8px; }
}
