:root{--bg:#010810;--panel:#061522;--panel2:#081b2b;--line:#174968;--text:#eef7ff;--muted:#9cb2c3;--blue:#117cff;--cyan:#00d7ff;--green:#2ee67b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 Inter,Segoe UI,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}
.topbar{position:sticky;top:0;z-index:50;min-height:78px;padding:8px 22px;display:flex;justify-content:space-between;align-items:center;background:rgba(1,7,14,.94);border-bottom:1px solid #11334b}.brand img{width:300px;max-height:60px;object-fit:contain}.topbar nav{display:flex;gap:23px;align-items:center;font-weight:700;font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:0 19px;border-radius:5px;border:1px solid transparent;font-weight:800;cursor:pointer}.btn.primary{background:linear-gradient(#1688ff,#075dd9);box-shadow:0 0 22px rgba(0,126,255,.24)}.btn.ghost{border-color:#31536a;background:#07131e}
.hero{min-height:650px;padding:48px 22px 20px;display:grid;grid-template-columns:.72fr 1.28fr;gap:10px;align-items:center;background:radial-gradient(circle at 75% 42%,rgba(0,126,255,.2),transparent 34%),linear-gradient(90deg,#020914,#03111e)}.hero-copy{padding-left:0}.eyebrow,.section-heading span,.industries>span,.cta span{color:#dcecff;font-size:13px;font-weight:900;letter-spacing:.06em}.hero h1{font-size:55px;line-height:1.03;margin:12px 0 18px;text-transform:uppercase}.hero h1 em{font-style:normal;color:var(--blue)}.hero p{max-width:510px;color:#d4dee6;font-size:18px}.hero-actions{display:flex;gap:13px;margin:26px 0}.hero-metrics{display:grid;grid-template-columns:repeat(5,1fr);max-width:680px;border-top:1px solid #173e58;margin-top:25px}.hero-metrics div{padding:17px 13px;border-right:1px solid #173e58;text-align:center}.hero-metrics b,.hero-metrics span{display:block}.hero-metrics b{font-size:20px;color:var(--cyan)}.hero-metrics span{font-size:11px;color:#ccd8e0}
.hero-visual{position:relative;min-height:560px;overflow:hidden}.hero-visual>img{position:absolute;left:3%;top:1%;width:68%;height:95%;object-fit:contain;object-position:center;filter:drop-shadow(0 0 25px rgba(0,126,255,.35));animation:float 5s ease-in-out infinite}.dimension{position:absolute;padding:5px 8px;border-left:2px solid var(--cyan);color:#dff8ff;font-weight:800}.d1{left:20%;top:8%}.d2{left:65%;top:30%}.d3{left:10%;top:35%}.ai-ring{position:absolute;right:4%;top:7%;width:205px;aspect-ratio:1;border:2px solid var(--blue);border-radius:50%;display:grid;place-items:center;text-align:center;background:repeating-radial-gradient(circle,transparent 0 18px,rgba(0,139,255,.22) 19px 20px),rgba(0,25,48,.72);box-shadow:0 0 28px rgba(0,126,255,.35);animation:pulse 2.6s ease-in-out infinite}.ai-ring span,.ai-ring strong,.ai-ring small{display:block}.ai-ring strong{font-size:45px;color:var(--cyan)}.summary-card{position:absolute;right:0;bottom:7%;width:260px;padding:15px;border:1px solid #2188ce;border-radius:6px;background:rgba(3,17,30,.94);transform:rotate(4deg);box-shadow:0 0 22px rgba(0,126,255,.18)}.summary-card b,.summary-card span,.summary-card small{display:block}.summary-card b{margin-bottom:8px}.summary-card span{padding:7px 0;border-bottom:1px solid #18374d;color:#d8e5ed}.summary-card small{margin-top:9px;color:var(--cyan);text-align:center}
.process-strip{padding:16px 14px 30px;background:#020a13}.process-strip h2{text-align:center;text-transform:uppercase;letter-spacing:.13em;font-size:16px}.process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.process-grid article{min-height:150px;padding:15px 16px;border:1px solid #16527b;border-radius:6px;background:linear-gradient(145deg,#071929,#03101b)}.process-grid i{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--cyan);border-radius:50%;font-style:normal;color:var(--cyan);font-size:19px}.process-grid b{display:block;margin:10px 0;text-transform:uppercase}.process-grid p{font-size:12px;color:#b9c9d4}
.workstation-section{padding:20px 13px 28px;background:#020a13}.workstation-head{display:flex;justify-content:space-between;align-items:center;padding:13px 20px;border:1px solid #176397;border-radius:7px 7px 0 0;background:#051624}.workstation-head span{color:#dcecff;font-weight:900;letter-spacing:.13em}.workstation-head h2{margin:3px 0;font-size:21px}.workstation-buttons{display:flex;gap:10px}.tool-btn{padding:11px 15px;border:1px solid #2a5874;background:#071522;border-radius:5px;cursor:pointer}.tool-btn.accent{border-color:#1b8fe1}
.workstation-grid{display:grid;grid-template-columns:.88fr 1.18fr .92fr;gap:7px;border:1px solid #176397;border-top:0;padding:8px;background:#03101b}.input-panel,.analysis-panel,.result-panel{min-height:620px;border:1px solid #174966;border-radius:5px;background:linear-gradient(180deg,#061522,#020b13);padding:12px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.panel-title b{text-transform:uppercase}.panel-title span{padding:5px 8px;border-radius:4px;background:#0e2d42;color:#8fcff7;font-size:11px}.method-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-bottom:10px}.method-tabs button{padding:9px;border:1px solid #24445a;background:#06111d;cursor:pointer}.method-tabs button.active{background:linear-gradient(#147cf1,#0752bb)}.input-illustration{height:150px;display:grid;place-items:center}.input-illustration img{max-width:100%;height:145px;object-fit:contain}.field-grid{display:grid;grid-template-columns:1fr;gap:8px}.field-grid label{display:grid;grid-template-columns:1fr 82px;gap:6px;color:#b7c8d4;font-size:12px}.field-grid input,.field-grid select{padding:10px;border:1px solid #193d55;background:#020a12;color:#fff;border-radius:4px}.field-grid label>select:only-child{grid-column:1/-1}.analyze-btn,.success-btn{width:100%;padding:13px;border:1px solid #1591ef;background:linear-gradient(#1488ff,#0754c1);border-radius:5px;font-weight:900;cursor:pointer;margin-top:12px}
.analysis-visual{position:relative;height:430px;overflow:hidden;background:radial-gradient(circle at 50% 80%,rgba(0,126,255,.22),transparent 38%)}.analysis-visual>img{display:block;width:100%;height:100%;object-fit:contain}.scan-beam{position:absolute;left:12%;right:12%;top:5%;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 15px var(--cyan);animation:scan 3.5s linear infinite;opacity:0}.analysis-running .scan-beam{opacity:1}.component-label{position:absolute;color:#dff8ff;font-size:11px;padding-left:34px}.component-label:before{content:"";position:absolute;left:0;top:7px;width:27px;border-top:1px solid #4ab8ed}.l1{top:12%;left:5%}.l2{top:34%;left:4%}.l3{top:55%;left:4%}.l4{top:78%;left:4%}.analysis-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.analysis-stats div{padding:10px 8px;border:1px solid #19557b;border-radius:5px;background:#061827;text-align:center}.analysis-stats span,.analysis-stats b{display:block}.analysis-stats span{font-size:10px;color:#99b0c2}.analysis-stats b{font-size:25px;color:var(--green)}
.result-empty{text-align:center;padding-top:55px}.result-empty img{width:90%;height:250px;object-fit:contain;opacity:.75}.result-empty p{color:var(--muted)}.result-complete .success-label{color:var(--green);font-size:12px;font-weight:900}.result-complete h3{font-size:23px}.result-complete dl{display:grid;grid-template-columns:1fr 1.3fr;gap:8px}.result-complete dt{color:#96aabc}.result-complete dd{margin:0}.result-complete .green{color:var(--green);font-weight:900}.result-complete>img{width:100%;height:235px;object-fit:contain}.success-btn{background:linear-gradient(#159b38,#087321);border-color:#24df5b}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.result-actions button{padding:10px;border:1px solid #34526a;background:#06111d;border-radius:4px;cursor:pointer}.hidden{display:none!important}
.completion-banner{display:grid;grid-template-columns:65px 1fr auto;gap:18px;align-items:center;margin-top:12px;padding:17px;border:1px solid var(--green);border-radius:7px;background:linear-gradient(90deg,rgba(27,112,63,.25),#061522)}.completion-check{display:grid;place-items:center;width:55px;height:55px;border-radius:50%;background:var(--green);color:#03210f;font-size:34px;font-weight:900}.completion-banner span{color:var(--green);font-size:11px;letter-spacing:.15em;font-weight:900}.completion-banner h3{margin:3px 0}.completion-banner p{margin:0;color:#b7c9d4}
.capabilities,.dashboard{padding:42px 13px;background:#010810}.section-heading{text-align:center;margin-bottom:25px}.section-heading h2{font-size:35px;margin:7px 0}.capability-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:7px}.capability-grid article{padding:8px;border:1px solid #18577f;border-radius:5px;background:#051522}.capability-grid img{width:100%;height:115px;object-fit:cover;border-radius:3px}.capability-grid h3{font-size:13px;text-transform:uppercase}.capability-grid p{font-size:11px;color:#bac8d2}
.dashboard-grid{display:grid;grid-template-columns:1.45fr .85fr 1.1fr;gap:12px}.chart-card,.recent-card,.speed-card{padding:14px;border:1px solid #174a68;border-radius:6px;background:#051522}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.stat-row div{padding:10px;border:1px solid #173b52;background:#06131f}.stat-row span,.stat-row b{display:block}.stat-row span{font-size:10px;color:#95aabc}.stat-row b{font-size:18px}.line-chart{height:165px;display:flex;align-items:end;gap:7px;padding-top:15px}.line-chart i{flex:1;background:linear-gradient(var(--cyan),var(--blue));border-radius:3px 3px 0 0}.line-chart i:nth-child(1){height:15%}.line-chart i:nth-child(2){height:28%}.line-chart i:nth-child(3){height:24%}.line-chart i:nth-child(4){height:41%}.line-chart i:nth-child(5){height:39%}.line-chart i:nth-child(6){height:59%}.line-chart i:nth-child(7){height:69%}.line-chart i:nth-child(8){height:92%}.recent-card div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #17384e}.recent-card b{color:var(--green)}.speed-card p{color:#b8c7d1}.speed-card img{width:100%;height:170px;object-fit:contain}
.industries{padding:20px 15px 35px;text-align:center;background:#010810}.industries>span{color:var(--cyan)}.industries>div{display:flex;justify-content:center;flex-wrap:wrap;gap:35px;margin-top:20px}.industries b{color:#cad5dd}.cta{margin:0;padding:40px 25px;display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid #17435e;background:linear-gradient(90deg,#061625,#020a12)}.cta h2{max-width:1000px;font-size:30px}footer{padding:22px;text-align:center;color:#7b91a3;border-top:1px solid #17374d}
.modal{position:fixed;inset:0;z-index:90;display:none;place-items:center;padding:20px;background:rgba(0,0,0,.75)}.modal.open{display:grid}.modal-card{position:relative;width:min(760px,100%);max-height:88vh;overflow:auto;padding:25px;border:1px solid #1787d0;border-radius:7px;background:#061522}.modal-card>button{position:absolute;right:12px;top:8px;border:0;background:none;font-size:28px;cursor:pointer}.modal table{width:100%;border-collapse:collapse}.modal td{padding:9px;border-bottom:1px solid #17384e}.toast{position:fixed;right:18px;bottom:18px;padding:13px 17px;border:1px solid var(--green);background:#082536;border-radius:5px;opacity:0;transform:translateY(70px);transition:.25s}.toast.show{opacity:1;transform:none}
@keyframes float{50%{transform:translateY(-8px)}}@keyframes pulse{50%{transform:scale(1.04);filter:brightness(1.15)}}@keyframes scan{0%{top:3%}100%{top:96%}}
@media(max-width:1100px){.topbar nav a:not(.btn){display:none}.hero{grid-template-columns:1fr}.hero-visual{min-height:540px}.process-grid{grid-template-columns:repeat(2,1fr)}.workstation-grid{grid-template-columns:1fr}.capability-grid{grid-template-columns:repeat(4,1fr)}.dashboard-grid{grid-template-columns:1fr}.hero-metrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.brand img{width:240px}.topbar nav .btn{display:none}.hero h1{font-size:41px}.hero-visual{min-height:460px}.hero-visual>img{width:90%;left:0}.ai-ring{width:145px}.summary-card{width:210px}.process-grid,.capability-grid{grid-template-columns:1fr 1fr}.workstation-head{display:block}.workstation-buttons{margin-top:10px}.analysis-stats{grid-template-columns:1fr 1fr}.stat-row{grid-template-columns:1fr 1fr}.completion-banner{grid-template-columns:1fr;text-align:center}.completion-check{margin:auto}.cta{display:block}.cta .btn{margin-top:15px}}

/* ===== AI VISION ENGINE V5 ===== */
.analysis-visual{height:490px;position:relative;overflow:hidden;border:1px solid #165b86;border-radius:8px;background:
radial-gradient(circle at 50% 48%,rgba(0,126,255,.24),transparent 28%),
linear-gradient(180deg,#03111e,#020912)}
.vision-grid{position:absolute;inset:0;background:
repeating-linear-gradient(90deg,transparent 0 47px,rgba(0,151,255,.07) 48px),
repeating-linear-gradient(0deg,transparent 0 47px,rgba(0,151,255,.06) 48px);
mask-image:radial-gradient(circle at center,#000 35%,transparent 82%)}
.fastener-assembly{position:absolute;inset:40px 85px 75px;display:grid;place-items:center;perspective:900px}
.fastener-assembly img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 34px rgba(0,142,255,.48));transform-style:preserve-3d;animation:fastenerFloat 5s ease-in-out infinite}
.analysis-running .fastener-assembly img{animation:fastenerScanSpin 3.6s ease-in-out infinite}
.vision-orbit{position:absolute;left:50%;top:48%;border:1px solid rgba(0,196,255,.55);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 15px rgba(0,154,255,.18)}
.orbit-one{width:310px;height:310px;animation:orbitPulse 3s ease-in-out infinite}
.orbit-two{width:385px;height:210px;animation:orbitRotate 8s linear infinite}
.orbit-three{width:220px;height:410px;animation:orbitRotateReverse 11s linear infinite}
.scan-pulse{position:absolute;left:50%;top:48%;width:75px;height:75px;border:2px solid var(--cyan);border-radius:50%;transform:translate(-50%,-50%);opacity:0}
.analysis-running .scan-pulse{animation:scanPulse 1.4s ease-out infinite}
.hud{position:absolute;min-width:125px;padding:9px 11px;border:1px solid #168fd5;border-radius:5px;background:rgba(2,15,27,.9);box-shadow:0 0 16px rgba(0,136,255,.18);opacity:.35;transition:.35s}
.hud small,.hud b,.hud span{display:block}.hud small{font-size:9px;color:#8fb6cd;letter-spacing:.13em}.hud b{font-size:16px;color:#e7f8ff}.hud span{font-size:10px;color:var(--green)}
.analysis-running .hud,.analysis-complete .hud{opacity:1}
.hud-thread{left:12px;top:20px}.hud-head{right:12px;top:42px}.hud-grade{left:16px;bottom:90px}.hud-standard{right:12px;bottom:96px}
.vision-status{position:absolute;left:18%;right:18%;bottom:18px;text-align:center}
.vision-status span{font-size:11px;letter-spacing:.16em;color:#cbefff;font-weight:900}
.vision-progress{height:5px;margin-top:7px;border:1px solid #1f5f84;background:#02101b;overflow:hidden}
.vision-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--cyan),var(--green));box-shadow:0 0 12px var(--cyan);transition:width .25s}
.thinking-log{position:absolute;left:12px;bottom:10px;width:210px;display:none}
.analysis-running .thinking-log{display:block}
.thinking-log div{font-size:9px;color:#708da0;opacity:.24;transition:.25s}
.thinking-log div.active{color:#d8f8ff;opacity:1}
.thinking-log div.done{color:var(--green);opacity:.8}
.analysis-running .scan-beam{opacity:1}
.analysis-complete .analysis-visual{border-color:var(--green);box-shadow:inset 0 0 30px rgba(46,230,123,.08),0 0 24px rgba(46,230,123,.1)}

.engineering-complete-overlay{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px;background:rgba(0,5,9,.9);backdrop-filter:blur(12px)}
.complete-core{position:relative;width:min(820px,100%);padding:70px 45px 45px;text-align:center;border:1px solid var(--green);border-radius:14px;background:radial-gradient(circle at center,rgba(46,230,123,.13),transparent 38%),linear-gradient(180deg,#061d24,#020b11);box-shadow:0 0 55px rgba(46,230,123,.2);overflow:hidden}
.complete-ring{position:absolute;left:50%;top:76px;width:150px;height:150px;border:2px solid var(--green);border-radius:50%;transform:translateX(-50%);box-shadow:0 0 30px rgba(46,230,123,.38);animation:completePulse 1.8s ease-in-out infinite}
.complete-check{position:relative;z-index:2;display:grid;place-items:center;width:92px;height:92px;margin:0 auto 48px;border-radius:50%;background:var(--green);color:#032313;font-size:58px;font-weight:900}
.complete-core>span{color:var(--green);font-weight:900;letter-spacing:.22em}.complete-core h2{font-size:45px;margin:12px 0 20px}.complete-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-bottom:26px}.complete-tags b{padding:8px 11px;border:1px solid #20774c;border-radius:4px;background:rgba(46,230,123,.08);font-size:11px}
.live-feed{max-width:1500px;margin:0 auto 14px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.live-feed div{display:grid;grid-template-columns:auto 1fr auto;gap:7px;align-items:center;padding:9px 11px;border:1px solid #184763;background:#04121f;border-radius:5px;animation:feedGlow 4s ease-in-out infinite}.live-feed i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green)}.live-feed span{font-size:9px;color:#6f8a9c}.live-feed b{grid-column:2;font-size:11px}.live-feed em{grid-row:1/3;grid-column:3;font-style:normal;color:var(--green);font-weight:900}
@keyframes fastenerFloat{50%{transform:translateY(-10px) rotateZ(2deg) scale(1.02)}}
@keyframes fastenerScanSpin{0%,100%{transform:rotateY(-7deg) rotateZ(-1deg) scale(1)}50%{transform:rotateY(9deg) rotateZ(2deg) scale(1.035)}}
@keyframes orbitPulse{50%{transform:translate(-50%,-50%) scale(1.07);opacity:.5}}
@keyframes orbitRotate{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes orbitRotateReverse{to{transform:translate(-50%,-50%) rotate(-360deg)}}
@keyframes scanPulse{0%{opacity:.9;transform:translate(-50%,-50%) scale(.5)}100%{opacity:0;transform:translate(-50%,-50%) scale(5)}}
@keyframes completePulse{50%{transform:translateX(-50%) scale(1.08);opacity:.65}}
@keyframes feedGlow{50%{border-color:#1a6e99}}
@media(max-width:900px){.live-feed{grid-template-columns:1fr 1fr}.analysis-visual{height:440px}.fastener-assembly{inset:55px 45px 80px}}
@media(max-width:600px){.live-feed{grid-template-columns:1fr}.hud{transform:scale(.85)}.hud-head,.hud-standard{right:-4px}.hud-thread,.hud-grade{left:-4px}.complete-core h2{font-size:31px}}

/* ===== V6 CARD IMAGE FIT FIX ===== */
.capability-grid article{
  overflow:hidden;
}
.capability-grid img{
  display:block;
  width:100%;
  height:132px;
  object-fit:contain !important;
  object-position:center center;
  padding:7px;
  background:
    radial-gradient(circle at center,rgba(0,126,255,.10),transparent 65%),
    #020b13;
  border:1px solid rgba(29,111,157,.32);
  border-radius:4px;
}
@media(max-width:1100px){
  .capability-grid img{height:155px}
}
@media(max-width:650px){
  .capability-grid img{height:145px}
}

/* ===== V7 RELIABLE IMAGE + BUTTON FIX ===== */
.input-illustration img{
  display:block;
  width:100%;
  max-width:245px;
  height:155px;
  margin:auto;
  object-fit:contain !important;
  object-position:center;
  opacity:.96;
}
.result-empty img{
  display:block;
  width:100%;
  max-width:360px;
  height:260px;
  margin:0 auto 10px;
  object-fit:contain !important;
  object-position:center;
}
.result-complete>img{
  display:block;
  width:100%;
  height:235px;
  object-fit:contain !important;
  object-position:center;
}
.analyze-btn{
  position:relative;
  z-index:5;
  pointer-events:auto !important;
  cursor:pointer !important;
}

/* ===== V8 WORKING RESULT BUTTONS ===== */
.result-actions button,
.success-btn{
  position:relative;
  z-index:12;
  pointer-events:auto !important;
  cursor:pointer !important;
}
.result-actions button:hover,
.success-btn:hover{
  filter:brightness(1.18);
  border-color:#29a8ef;
  transform:translateY(-1px);
}
.modal{
  z-index:500 !important;
  pointer-events:auto;
}
.modal.open{
  display:grid !important;
}
.modal-card{
  width:min(820px,96vw);
  pointer-events:auto;
  box-shadow:0 0 70px rgba(0,126,255,.32);
}
.modal-card h2{
  margin-top:0;
  padding-right:40px;
}
.action-success-heading span,
.report-header span,
.quote-panel>span{
  color:var(--green);
  font-weight:900;
  letter-spacing:.12em;
  font-size:11px;
}
.action-success-heading h3,
.report-header h3,
.quote-panel h3{
  font-size:27px;
  margin:7px 0;
}
.action-table{
  width:100%;
  margin:18px 0;
  border-collapse:collapse;
}
.action-table th,
.action-table td{
  padding:11px;
  border:1px solid #17445f;
  text-align:left;
}
.action-table th{
  background:#082033;
  color:#bfeaff;
}
.action-table .green{
  color:var(--green);
  font-weight:800;
}
.modal-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:20px;
}
.modal-actions button,
.modal-primary{
  min-height:43px;
  padding:0 18px;
  border:1px solid #2a6f98;
  border-radius:5px;
  background:#071522;
  color:#fff;
  font-weight:800;
  cursor:pointer;
}
.modal-actions .modal-primary,
.modal-primary{
  border-color:#168def;
  background:linear-gradient(#1688ff,#075dd9);
}
.report-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin:18px 0;
}
.report-grid div{
  padding:13px;
  border:1px solid #17445f;
  background:#05131f;
}
.report-grid small,
.report-grid strong{
  display:block;
}
.report-grid small{
  color:#7fa5bd;
}
.quote-panel label{
  display:grid;
  gap:5px;
  margin:12px 0;
  color:#a9c4d5;
}
.quote-panel input{
  width:100%;
  padding:11px;
  border:1px solid #1a506f;
  border-radius:4px;
  background:#020a12;
  color:#fff;
}
.large-action-confirmation{
  padding:30px 10px;
  text-align:center;
}
.large-action-confirmation i{
  display:grid;
  place-items:center;
  width:78px;
  height:78px;
  margin:0 auto 16px;
  border-radius:50%;
  background:var(--green);
  color:#042312;
  font-style:normal;
  font-size:46px;
  font-weight:900;
}
.large-action-confirmation h3{
  font-size:28px;
  margin:5px 0;
}
@media(max-width:600px){
  .report-grid{grid-template-columns:1fr}
  .modal-actions{display:grid}
}

/* ===== BEARINGAIQ ENTERPRISE THEME ===== */
:root{
  --blue:#f5a800;
  --cyan:#ffd65a;
  --green:#2ee67b;
  --line:#70511b;
}
.hero{
  background:
    radial-gradient(circle at 72% 44%,rgba(245,168,0,.19),transparent 35%),
    radial-gradient(circle at 82% 38%,rgba(0,126,255,.12),transparent 30%),
    linear-gradient(90deg,#020914,#0b0a05);
}
.hero-visual>img{
  width:72%;
  height:98%;
  object-fit:contain;
  filter:drop-shadow(0 0 30px rgba(245,168,0,.38));
}
.ai-ring{
  border-color:#f5a800;
  background:
    repeating-radial-gradient(circle,transparent 0 18px,rgba(245,168,0,.18) 19px 20px),
    rgba(28,20,2,.76);
  box-shadow:0 0 30px rgba(245,168,0,.3);
}
.dimension{border-left-color:#ffd65a;color:#fff3bc}
.process-grid article,
.capability-grid article,
.chart-card,.recent-card,.speed-card{
  border-color:#6b4b18;
}
.analysis-visual{
  background:
    radial-gradient(circle at 50% 48%,rgba(245,168,0,.20),transparent 31%),
    linear-gradient(180deg,#07111b,#080702);
}
.fastener-assembly img{
  filter:drop-shadow(0 0 34px rgba(245,168,0,.44));
}
.vision-orbit{
  border-color:rgba(255,198,55,.58);
  box-shadow:0 0 17px rgba(245,168,0,.22);
}
.scan-beam{
  background:linear-gradient(90deg,transparent,#ffd65a,transparent);
  box-shadow:0 0 16px #f5a800;
}
.hud{
  border-color:#b77d13;
  box-shadow:0 0 16px rgba(245,168,0,.16);
}
.capability-grid img{
  object-fit:contain !important;
  background:
    radial-gradient(circle at center,rgba(245,168,0,.09),transparent 67%),
    #060a0f;
}
.result-empty img,.result-complete>img,.input-illustration img{
  object-fit:contain !important;
}
.live-feed div{border-color:#624619}
.live-feed i{background:#f5a800;box-shadow:0 0 9px #f5a800}
.topbar{border-bottom-color:#503814}

/* ===== BEARINGAIQ CAPABILITY CARDS V2 ===== */
.capability-grid{
  gap:12px;
  align-items:stretch;
}
.capability-card{
  position:relative;
  overflow:hidden;
  min-height:292px;
  padding:9px 9px 13px !important;
  border-color:#7d5818 !important;
  background:
    linear-gradient(180deg,rgba(9,22,33,.98),rgba(3,13,21,.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 8px 28px rgba(0,0,0,.18);
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.capability-card:hover{
  transform:translateY(-4px);
  border-color:#d69520 !important;
  box-shadow:
    0 0 0 1px rgba(245,168,0,.12),
    0 12px 34px rgba(0,0,0,.32),
    0 0 25px rgba(245,168,0,.12);
}
.capability-media{
  position:relative;
  height:158px;
  overflow:hidden;
  border:1px solid rgba(116,91,38,.72);
  border-radius:5px;
  background:#02080d;
}
.capability-card .capability-media img{
  display:block;
  width:100%;
  height:100%;
  padding:0 !important;
  object-fit:cover !important;
  object-position:center center;
  border:0 !important;
  border-radius:0 !important;
  background:none !important;
  transition:transform .7s ease,filter .45s ease;
}
.capability-card:hover .capability-media img{
  transform:scale(1.045);
  filter:brightness(1.08) contrast(1.03);
}
.capability-glow{
  position:absolute;
  inset:auto 12% 0;
  height:2px;
  background:linear-gradient(90deg,transparent,#f5a800,#ffd65a,#f5a800,transparent);
  box-shadow:0 0 18px rgba(245,168,0,.78);
  opacity:.35;
  animation:capabilityGlow 3.8s ease-in-out infinite;
}
.capability-scan{
  position:absolute;
  left:-35%;
  top:0;
  width:24%;
  height:100%;
  transform:skewX(-14deg);
  background:linear-gradient(90deg,transparent,rgba(76,190,255,.18),rgba(255,214,90,.28),transparent);
  filter:blur(1px);
  opacity:0;
}
.capability-card:hover .capability-scan{
  opacity:1;
  animation:capabilityScan 1.15s ease-out;
}
.capability-card h3{
  margin:13px 0 6px;
  font-size:13px !important;
  line-height:1.25;
  letter-spacing:.01em;
  color:#fff;
}
.capability-card p{
  margin:0;
  font-size:11px !important;
  line-height:1.55;
  color:#c1d1db !important;
}
.capability-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(135deg,rgba(245,168,0,.05),transparent 28%,transparent 72%,rgba(0,142,255,.035));
}

/* Individual visual motion signatures */
.photo-recognition .capability-media::after{
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  top:50%;
  height:2px;
  background:linear-gradient(90deg,transparent,#28a9ff,#fff,#28a9ff,transparent);
  box-shadow:0 0 12px #28a9ff;
  animation:photoScan 2.9s linear infinite;
}
.dimension-search .capability-media::after{
  content:"25 × 52 × 15 mm";
  position:absolute;
  right:8px;
  bottom:8px;
  padding:4px 6px;
  border:1px solid rgba(72,180,255,.6);
  background:rgba(1,13,25,.82);
  color:#bfeaff;
  font-size:9px;
  letter-spacing:.08em;
  animation:dimensionPulse 2.7s ease-in-out infinite;
}
.cross-reference .capability-media::after{
  content:"SKF  →  TIMKEN  →  NSK  →  NTN  →  FAG";
  position:absolute;
  left:7px;
  right:7px;
  bottom:7px;
  padding:5px 7px;
  border:1px solid rgba(245,168,0,.48);
  background:rgba(13,10,3,.82);
  color:#ffd65a;
  font-size:8px;
  font-weight:800;
  text-align:center;
  letter-spacing:.04em;
}
.complete-solution .capability-media img{
  animation:assemblyFloat 4.8s ease-in-out infinite;
}
.cad-drawings .capability-media::after{
  content:"CAD  •  STEP  •  IGES  •  PDF";
  position:absolute;
  left:7px;
  bottom:7px;
  padding:5px 7px;
  background:rgba(0,20,38,.82);
  border:1px solid rgba(58,155,220,.55);
  color:#c8efff;
  font-size:8px;
  letter-spacing:.09em;
}
.smart-recommendations .capability-media::after{
  content:"AI OPTION SCORING";
  position:absolute;
  right:8px;
  top:8px;
  padding:5px 7px;
  border:1px solid rgba(245,168,0,.5);
  background:rgba(13,10,3,.82);
  color:#ffd65a;
  font-size:8px;
  font-weight:800;
  letter-spacing:.08em;
  animation:recommendPulse 2.4s ease-in-out infinite;
}
.quote-order .capability-media::after{
  content:"BOM  →  QUOTE  →  PDF  →  ORDER";
  position:absolute;
  left:8px;
  right:8px;
  bottom:8px;
  padding:5px 7px;
  border:1px solid rgba(245,168,0,.48);
  background:rgba(13,10,3,.84);
  color:#ffd65a;
  font-size:8px;
  font-weight:800;
  text-align:center;
  letter-spacing:.05em;
}
.pdf-intelligence .capability-media::after{
  content:"SCAN • EXTRACT • INDEX • LINK";
  position:absolute;
  left:8px;
  right:8px;
  bottom:8px;
  padding:5px 7px;
  border:1px solid rgba(53,170,245,.52);
  background:rgba(0,16,30,.84);
  color:#bcecff;
  font-size:8px;
  font-weight:800;
  text-align:center;
  letter-spacing:.06em;
  animation:pdfPulse 2.8s ease-in-out infinite;
}
@keyframes capabilityGlow{50%{opacity:.8;transform:scaleX(1.08)}}
@keyframes capabilityScan{0%{left:-35%}100%{left:115%}}
@keyframes photoScan{0%{top:12%;opacity:.2}50%{opacity:1}100%{top:88%;opacity:.2}}
@keyframes dimensionPulse{50%{box-shadow:0 0 14px rgba(70,174,255,.4);transform:translateY(-1px)}}
@keyframes assemblyFloat{50%{transform:scale(1.03) translateY(-3px)}}
@keyframes recommendPulse{50%{box-shadow:0 0 16px rgba(245,168,0,.28)}}
@keyframes pdfPulse{50%{border-color:#29b4ff;box-shadow:0 0 14px rgba(41,180,255,.22)}}

@media(max-width:1300px){
  .capability-grid{grid-template-columns:repeat(4,1fr) !important}
  .capability-media{height:180px}
}
@media(max-width:760px){
  .capability-grid{grid-template-columns:repeat(2,1fr) !important}
  .capability-card{min-height:300px}
  .capability-media{height:170px}
}
@media(max-width:480px){
  .capability-grid{grid-template-columns:1fr !important}
  .capability-media{height:220px}
}

.capability-card.capability-visible{
  opacity:1 !important;
  transform:translateY(0) !important;
}
.capability-card.capability-visible:hover{
  transform:translateY(-4px) !important;
}

.process-grid article{display:flex;flex-direction:column}
.process-media{height:120px;margin:12px 0;border:1px solid rgba(80,140,200,.35);border-radius:6px;overflow:hidden;background:#07111b}
.process-media img{width:100%;height:100%;object-fit:cover;display:block;transition:.5s}
.process-grid article:hover .process-media img{transform:scale(1.05)}