:root{
  --gold:#f5b400;
  --gold2:#ffc72c;
  --dark:#02050a;
  --ink:#07111f;
  --panel:rgba(8,16,28,.74);
  --panel2:rgba(9,20,35,.88);
  --line:rgba(255,255,255,.14);
  --muted:#aeb8c6;
  --text:#fff;
  --green:#31d47c;
  --shadow:0 28px 80px rgba(0,0,0,.45);
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:Inter,Arial,sans-serif;color:#fff;background:#02050a;overflow-x:hidden}
button,input{font:inherit}
button{cursor:pointer}
.bladeiq-app{min-height:100vh;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 25%,rgba(245,180,0,.15),transparent 28%),linear-gradient(135deg,#02050a,#07111f 55%,#02050a)}
.ambient{position:fixed;inset:0;z-index:0;background:linear-gradient(90deg,rgba(2,5,10,.96) 0%,rgba(2,5,10,.84) 38%,rgba(2,5,10,.6) 100%),url('assets/img/cutting-action.png') center center/cover no-repeat;filter:saturate(1.02);opacity:.92;pointer-events:none}.ambient:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(255,199,44,.12),transparent 26%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:auto,64px 64px,64px 64px;mask-image:linear-gradient(180deg,#000,transparent 85%)}
.biq-topbar{
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:30;

    min-height:110px;                 /* was 76px */

    display:flex;
    align-items:center;
    gap:30px;

    padding:18px clamp(24px,4vw,56px); /* a little more vertical padding */

    background:rgba(2,5,10,.72);
    backdrop-filter:blur(18px) saturate(135%);
    border-bottom:1px solid var(--line);
}
.brand{display:flex;align-items:center;gap:14px;color:#fff;text-decoration:none}.brand-mark{width:48px;height:48px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center;font-weight:900;color:var(--gold);box-shadow:0 0 30px rgba(245,180,0,.25)}.brand b{display:block;font-size:24px;letter-spacing:-.04em}.brand small{display:block;margin-top:2px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.12em}.top-status{margin-left:auto;display:flex;align-items:center;gap:9px;color:#d8e3ef;font-size:13px;font-weight:800}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 18px var(--green)}.ghost-btn,.secondary-btn{border:1px solid rgba(245,180,0,.35);color:#fff;background:rgba(255,255,255,.04);border-radius:10px;font-weight:900;text-transform:uppercase}.ghost-btn{padding:11px 15px;font-size:12px}.biq-stage{position:relative;z-index:2;min-height:100vh;padding:96px clamp(20px,4vw,56px) 110px}.screen{display:none;min-height:calc(100vh - 206px);animation:screenIn .45s ease both}.screen.is-active{display:grid}.screen:not(.screen-welcome):not(.screen-analysis):not(.screen-result){grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:stretch}.screen-welcome{align-items:center}.welcome-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:42px;align-items:center;width:100%}.eyebrow{margin:0 0 14px;color:var(--gold);font-weight:900;text-transform:uppercase;letter-spacing:.08em}.welcome-copy h1{font-family:'Barlow Condensed',Inter,sans-serif;margin-bottom:10px;font-size:clamp(88px,10vw,120px);line-height:.75;letter-spacing:-.06em;text-transform:uppercase}.welcome-copy h1 span{margin-left: 8px;color:var(--gold)}.welcome-copy h2,.question-head h2,.analysis-card h2,.result-main h2{font-family:'Barlow Condensed',Inter,sans-serif;margin:0;text-transform:uppercase;letter-spacing:-.03em;line-height:.9}.welcome-copy h2{font-size:clamp(38px,4.6vw,72px);color:var(--gold)}.lead{max-width:610px;color:#e6eef8;font-size:20px;line-height:1.65}.welcome-actions,.hero-actions,.result-actions,.step-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px}.primary-btn,.secondary-btn{min-height:58px;padding:0 28px;border-radius:10px;font-weight:950;text-transform:uppercase;letter-spacing:-.01em}.primary-btn{border:0;color:#060a10;background:linear-gradient(135deg,var(--gold2),var(--gold));box-shadow:0 18px 42px rgba(245,180,0,.28)}.secondary-btn{background:rgba(3,7,13,.45)}.metrics-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:40px;max-width:660px}.metrics-row div{padding:18px;border:1px solid var(--line);border-radius:14px;background:rgba(8,16,28,.56);backdrop-filter:blur(12px)}.metrics-row strong{display:block;font-size:22px;color:var(--gold)}.metrics-row span{font-size:12px;color:#b9c5d4;text-transform:uppercase;font-weight:800}.device-showcase{position:relative}.device-showcase img{width:100%;display:block;border-radius:24px;box-shadow:var(--shadow);filter:contrast(1.03) saturate(1.05)}.floating-chip{position:absolute;padding:11px 14px;border:1px solid rgba(245,180,0,.35);border-radius:999px;background:rgba(3,7,13,.7);box-shadow:0 16px 36px rgba(0,0,0,.32);font-size:12px;font-weight:900;color:#fff}.chip-a{left:8%;top:8%}.chip-b{right:8%;top:20%}.chip-c{left:36%;bottom:4%}.question-shell,.live-panel{border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(12,24,42,.82),rgba(5,10,18,.78));box-shadow:var(--shadow);backdrop-filter:blur(18px) saturate(130%)}.question-shell{padding:34px;overflow:hidden}.question-head{margin-bottom:28px}.question-head h2{font-size:clamp(42px,5vw,82px)}.question-head p:not(.eyebrow){max-width:720px;color:#b9c5d4;font-size:17px;line-height:1.55}.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.choice-grid-large{grid-template-columns:repeat(5,minmax(0,1fr))}.choice-card{position:relative;min-height:178px;padding:22px;text-align:left;border:1px solid rgba(255,255,255,.13);border-radius:18px;color:#fff;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.022));overflow:hidden;transition:.22s ease}.choice-card:before{content:"";position:absolute;inset:auto 0 0 0;height:4px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:.22s ease}.choice-card:hover{transform:translateY(-4px);border-color:rgba(245,180,0,.65);box-shadow:0 18px 44px rgba(0,0,0,.32)}.choice-card:hover:before{transform:scaleX(1)}.choice-card i{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(245,180,0,.45);border-radius:14px;margin-bottom:18px;color:var(--gold);font-style:normal;font-size:24px}.choice-card strong{display:block;font-size:19px;line-height:1.15}.choice-card span{display:block;margin-top:10px;color:#aeb8c6;font-size:14px;line-height:1.45}.material-choice{min-height:160px}.icons-grid .choice-card{text-align:center;min-height:150px}.icons-grid .choice-card i{margin:0 auto 16px;font-size:34px;width:60px;height:60px;border-radius:50%}.live-panel{padding:24px;align-self:stretch;display:flex;flex-direction:column;gap:18px}.advisor-title{display:flex;align-items:center;gap:12px}.advisor-title span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--gold);color:#060a10;font-weight:900}.advisor-title h3{margin:0;font-size:18px}.advisor-title small{display:block;color:#aeb8c6}.confidence-box{padding:20px;border:1px solid rgba(245,180,0,.26);border-radius:16px;background:rgba(0,0,0,.24)}.confidence-box strong{font-family:'Barlow Condensed';font-size:66px;line-height:.9;color:var(--gold)}.confidence-box span{display:block;color:#aeb8c6;text-transform:uppercase;font-size:11px;font-weight:900}.summary-list{display:grid;gap:10px}.summary-item{display:flex;justify-content:space-between;gap:12px;padding:12px;border-radius:12px;background:rgba(255,255,255,.045)}.summary-item b{font-size:12px;text-transform:uppercase;color:#aeb8c6}.summary-item span{text-align:right;font-weight:800}.advisor-note{margin-top:auto;padding:16px;border-radius:14px;background:rgba(245,180,0,.1);border:1px solid rgba(245,180,0,.22);color:#f6d980;font-size:13px;line-height:1.55}.machine-search-card,.slider-card{padding:26px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.055)}.machine-search-card label{display:block;margin-bottom:10px;color:#cbd6e4;font-weight:900;text-transform:uppercase;font-size:12px}.machine-search-card input{width:100%;height:62px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(0,0,0,.32);color:#fff;outline:0;padding:0 18px;font-size:17px}.machine-suggestions{display:grid;gap:8px;margin-top:12px}.machine-suggestions button,.quick-picks button{border:1px solid rgba(245,180,0,.26);border-radius:999px;background:rgba(255,255,255,.04);color:#fff;padding:10px 14px;font-weight:800}.quick-picks{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.slider-readout{display:flex;justify-content:space-between;align-items:end}.slider-readout span{color:#aeb8c6;font-weight:900;text-transform:uppercase;font-size:12px}.slider-readout strong{font-family:'Barlow Condensed';font-size:64px;color:var(--gold)}input[type=range]{width:100%;accent-color:var(--gold)}.range-labels{display:flex;justify-content:space-between;color:#aeb8c6}.screen-analysis{place-items:center}.analysis-card{width:min(780px,100%);padding:42px;border:1px solid rgba(245,180,0,.25);border-radius:28px;background:rgba(4,9,16,.88);box-shadow:var(--shadow);text-align:center;backdrop-filter:blur(20px)}.pulse-ring{width:126px;height:126px;margin:0 auto 20px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:34px;font-weight:950;box-shadow:0 0 0 0 rgba(245,180,0,.35);animation:pulse 1.6s infinite}.analysis-card h2{font-size:56px}.analysis-list{margin:26px auto;display:grid;gap:9px;max-width:520px;text-align:left}.analysis-list div{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.045);color:#b9c5d4}.analysis-list div span{width:19px;height:19px;border-radius:50%;border:2px solid rgba(255,255,255,.28)}.analysis-list div.done{color:#fff}.analysis-list div.done span{border-color:var(--gold);background:var(--gold);box-shadow:0 0 18px rgba(245,180,0,.6)}.analysis-meter strong{display:block;font-family:'Barlow Condensed';font-size:82px;line-height:.85;color:var(--gold)}.analysis-meter span{text-transform:uppercase;font-weight:900;color:#aeb8c6;font-size:12px}.screen-result{align-items:center}.result-layout{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:24px;width:100%}.result-main,.result-side>div{border:1px solid var(--line);border-radius:24px;background:rgba(7,15,27,.82);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.result-main{padding:36px}.result-main h2{font-size:clamp(56px,6vw,96px)}.confidence-big{display:inline-grid;place-items:center;margin:18px 0;padding:18px 28px;border:1px solid rgba(245,180,0,.3);border-radius:18px;background:rgba(245,180,0,.1)}.confidence-big span{font-family:'Barlow Condensed';font-size:76px;line-height:.8;color:var(--gold)}.confidence-big small{font-weight:900;text-transform:uppercase;color:#cbd6e4}.blade-card{display:grid;grid-template-columns:180px 1fr;gap:28px;align-items:center;margin-top:14px;padding:28px;border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid var(--line)}.blade-ring{width:160px;height:92px;border:14px solid #c7cbd0;border-radius:50%;box-shadow:0 0 34px rgba(245,180,0,.5),inset 0 0 18px rgba(0,0,0,.65);animation:floatBlade 4s ease-in-out infinite}.blade-card h3{margin:0;color:#fff;font-size:34px}.blade-card p{color:#d8e3ef;line-height:1.55}.spec-pills{display:flex;gap:8px;flex-wrap:wrap}.spec-pills span{padding:9px 11px;border-radius:999px;background:rgba(245,180,0,.13);border:1px solid rgba(245,180,0,.25);font-weight:800;color:#f9d980}.result-side{display:grid;gap:20px}.score-panel,.why-panel{padding:24px}.score-panel h3,.why-panel h3{margin:0 0 18px;font-size:20px}.bar-row{display:grid;grid-template-columns:92px 1fr 78px;gap:12px;align-items:center;margin:14px 0}.bar-row span,.bar-row em{font-size:12px;color:#cbd6e4;font-style:normal}.bar-row b{height:10px;border-radius:999px;background:rgba(255,255,255,.1);position:relative;overflow:hidden}.bar-row b:after{content:"";position:absolute;inset:0;width:var(--w);border-radius:inherit;background:linear-gradient(90deg,var(--gold),var(--gold2));animation:barGrow 1.1s ease both}.why-panel ul{padding:0;margin:0;list-style:none;display:grid;gap:12px}.why-panel li{position:relative;padding-left:25px;color:#d8e3ef;line-height:1.45}.why-panel li:before{content:"✓";position:absolute;left:0;color:var(--gold);font-weight:900}.progress-dock{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:20;display:flex;gap:6px;padding:10px;border:1px solid var(--line);border-radius:18px;background:rgba(2,5,10,.72);backdrop-filter:blur(18px);box-shadow:0 16px 42px rgba(0,0,0,.4)}.progress-dock div{min-width:78px;display:grid;place-items:center;gap:5px;color:#7f8a9a}.progress-dock span{width:11px;height:11px;border-radius:50%;background:rgba(255,255,255,.23)}.progress-dock small{font-size:10px;text-transform:uppercase;font-weight:900}.progress-dock .done span,.progress-dock .active span{background:var(--gold);box-shadow:0 0 18px rgba(245,180,0,.55)}.progress-dock .active small{color:#fff}.modal{position:fixed;inset:0;z-index:60;display:none;place-items:center;padding:20px;background:rgba(0,0,0,.72);backdrop-filter:blur(10px)}.modal.is-open{display:grid}.modal-card{width:min(760px,100%);max-height:86vh;overflow:auto;position:relative;padding:34px;border:1px solid rgba(245,180,0,.3);border-radius:24px;background:#07111f;box-shadow:var(--shadow)}.modal-close{position:absolute;top:14px;right:14px;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.05);color:#fff;font-size:26px}.modal h2{font-family:'Barlow Condensed';font-size:54px;margin:0 0 12px;text-transform:uppercase}.modal p,.modal li{color:#d8e3ef;line-height:1.6}.modal .compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.modal .compare-grid div{padding:18px;border-radius:16px;background:rgba(255,255,255,.055);border:1px solid var(--line)}.modal .compare-grid strong{color:var(--gold)}
@keyframes screenIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes pulse{70%{box-shadow:0 0 0 28px rgba(245,180,0,0)}}@keyframes floatBlade{50%{transform:translateY(-7px) rotate(2deg)}}@keyframes barGrow{from{width:0}}
@media(max-width:1180px){.screen:not(.screen-welcome):not(.screen-analysis):not(.screen-result){grid-template-columns:1fr}.live-panel{display:none}.welcome-grid,.result-layout{grid-template-columns:1fr}.choice-grid,.choice-grid-large{grid-template-columns:repeat(2,1fr)}.progress-dock{display:none}.device-showcase{opacity:.95}}@media(max-width:700px){.biq-topbar{position:relative}.top-status,.ghost-btn{display:none}.biq-stage{padding:28px 16px 40px}.welcome-copy h1{font-size:84px}.choice-grid,.choice-grid-large{grid-template-columns:1fr}.metrics-row{grid-template-columns:1fr}.blade-card{grid-template-columns:1fr}.modal .compare-grid{grid-template-columns:1fr}.result-actions .primary-btn,.result-actions .secondary-btn,.welcome-actions .primary-btn,.welcome-actions .secondary-btn{width:100%}}

/* BladeIQ v2 engineering intelligence polish */
.analysis-card-v2{max-width:1180px;width:min(1180px,calc(100vw - 80px));}
.analysis-subcopy{max-width:760px;margin:0 auto 28px;color:#d6deeb;font-size:17px;line-height:1.55;}
.analysis-v2-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:stretch;margin:28px 0;}
.analysis-intel-card{border:1px solid rgba(245,180,0,.25);border-radius:20px;background:rgba(4,10,18,.62);padding:26px;text-align:left;box-shadow:inset 0 0 70px rgba(245,180,0,.04)}
.analysis-intel-card small{display:block;color:var(--gold);text-transform:uppercase;font-weight:900;letter-spacing:.08em;margin-bottom:10px}
.analysis-intel-card strong{display:block;font-family:"Barlow Condensed",Inter,sans-serif;font-size:74px;line-height:.9;color:#fff;text-shadow:0 0 32px rgba(245,180,0,.35)}
.analysis-intel-card>span{display:block;color:#aeb8c6;line-height:1.45;margin:8px 0 22px}
.compat-checks{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.compat-checks b{position:relative;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:10px 12px 10px 34px;color:#dbe6f4;background:rgba(255,255,255,.04);font-size:13px}
.compat-checks b:before{content:"";position:absolute;left:12px;top:50%;width:10px;height:10px;border-radius:50%;transform:translateY(-50%);background:rgba(255,255,255,.18)}
.compat-checks b.done:before{background:var(--gold);box-shadow:0 0 18px rgba(245,180,0,.7)}
.analysis-meter-v2 strong{transition:filter .25s ease,transform .25s ease}.analysis-meter-v2 strong.pulse{filter:drop-shadow(0 0 26px rgba(245,180,0,.8));transform:scale(1.06)}
.result-badges{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:12px;
}

.result-badges span{
  border:1px solid rgba(245,180,0,.55);
  border-radius:999px;
  padding:8px 12px;
  color:#ffc400 !important;
  background:rgba(255,196,0,.08) !important;
  font-weight:900;
  font-size:12px;
  text-transform:uppercase;
  box-shadow:
    0 0 28px rgba(245,180,0,.18),
    inset 0 0 18px rgba(255,196,0,.08);
  text-shadow:0 0 10px rgba(255,196,0,.45);
}
.blade-card-v2{position:relative;overflow:hidden}.blade-card-v2:after{content:"";position:absolute;inset:-80px auto auto -80px;width:200px;height:200px;background:radial-gradient(circle,rgba(245,180,0,.16),transparent 68%);pointer-events:none}.blade-ring i{position:absolute;inset:14px;border-radius:50%;border:7px solid rgba(245,180,0,.18);animation:ringSpin 4.8s linear infinite}@keyframes ringSpin{to{transform:rotate(360deg)}}
.decision-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0 28px}.decision-timeline div{border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:16px;background:rgba(255,255,255,.045);position:relative;overflow:hidden}.decision-timeline div:before{content:"✓";display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--gold);color:#05080d;font-weight:900;margin-bottom:10px}.decision-timeline b{display:block;color:#fff;font-size:13px;text-transform:uppercase}.decision-timeline span{display:block;color:#aeb8c6;font-size:13px;line-height:1.35;margin-top:5px}
.bar-row b{position:relative;overflow:hidden}.bar-row b:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(-120%);animation:barShine 2.8s ease-in-out infinite}@keyframes barShine{60%,100%{transform:translateX(130%)}}
.modal-card .rejected{display:grid;gap:14px}.modal-card .reject-card{border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:18px;background:rgba(255,255,255,.05)}.modal-card .reject-card strong{color:var(--gold);text-transform:uppercase}.modal-card .reject-card h3{margin:8px 0 8px;color:#fff}.modal-card .reject-card ul{margin:10px 0 0}.modal-card .reject-card li{margin:8px 0;color:#dce6f4}
@media(max-width:980px){.analysis-v2-grid,.decision-timeline{grid-template-columns:1fr}.analysis-card-v2{width:100%}.compat-checks{grid-template-columns:1fr}.analysis-intel-card strong{font-size:56px}}

/* 13. Natural Language Engineering Interview */
.screen-consult{
  align-items:center;
}
.consult-shell{
  width:min(1440px,calc(100% - 72px));
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);
  gap:28px;
  align-items:stretch;
}
.consult-left,
.consult-brain{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(245,180,0,.22);
  border-radius:28px;
  background:linear-gradient(145deg,rgba(8,17,31,.92),rgba(5,10,18,.82));
  box-shadow:0 30px 90px rgba(0,0,0,.42);
}
.consult-left{padding:46px;}
.consult-left:before,
.consult-brain:before{
  content:"";
  position:absolute;
  inset:-1px;
  background:radial-gradient(circle at 80% 20%,rgba(245,180,0,.14),transparent 34%),radial-gradient(circle at 10% 80%,rgba(255,255,255,.06),transparent 34%);
  pointer-events:none;
}
.consult-left>*{position:relative;z-index:1;}
.consult-left h2{
  margin:0;
  color:#fff;
  font-size:clamp(52px,5vw,86px);
  line-height:.86;
}
.consult-lead{
  max-width:760px;
  color:#dce6f4;
  font-size:18px;
  line-height:1.55;
}
.natural-input-card{
  margin-top:28px;
  padding:22px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:20px;
  background:rgba(255,255,255,.045);
}
.natural-input-card label{
  display:block;
  margin-bottom:10px;
  color:var(--gold);
  font-weight:900;
  text-transform:uppercase;
  font-size:12px;
  letter-spacing:.08em;
}
.natural-input-card textarea{
  width:100%;
  resize:vertical;
  min-height:130px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:16px;
  padding:18px;
  outline:none;
  color:#fff;
  background:rgba(3,7,13,.72);
  font-size:18px;
  line-height:1.45;
}
.natural-input-card textarea:focus{
  border-color:rgba(245,180,0,.7);
  box-shadow:0 0 0 4px rgba(245,180,0,.12);
}
.example-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
}
.example-row button{
  border:1px solid rgba(245,180,0,.35);
  border-radius:999px;
  padding:9px 13px;
  color:#eaf0f8;
  background:rgba(245,180,0,.08);
  font-weight:800;
  cursor:pointer;
}
.detected-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:22px 0 24px;
}
.detected-grid div{
  min-height:84px;
  padding:16px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  background:rgba(255,255,255,.04);
}
.detected-grid div.detected{
  border-color:rgba(245,180,0,.42);
  background:linear-gradient(145deg,rgba(245,180,0,.13),rgba(255,255,255,.035));
}
.detected-grid b{
  display:block;
  color:var(--gold);
  font-size:12px;
  text-transform:uppercase;
  margin-bottom:7px;
}
.detected-grid span{
  color:#f3f7fb;
  font-weight:800;
}
.consult-actions{display:flex;gap:14px;flex-wrap:wrap;}
.consult-brain{
  padding:34px;
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.consult-brain>*{position:relative;z-index:1;}
.brain-orb{
  width:116px;height:116px;border-radius:50%;
  display:grid;place-items:center;
  border:1px solid rgba(245,180,0,.5);
  background:radial-gradient(circle,rgba(245,180,0,.28),rgba(245,180,0,.03) 58%,rgba(255,255,255,.02));
  box-shadow:0 0 54px rgba(245,180,0,.22);
  margin-bottom:28px;
}
.brain-orb span{color:var(--gold);font-size:34px;font-weight:900;}
.consult-brain h3{margin:0 0 12px;color:#fff;font-size:26px;}
.consult-brain ul{margin:0;padding:0;list-style:none;display:grid;gap:12px;color:#dce6f4;}
.consult-brain li:before{content:'✓';color:var(--gold);font-weight:900;margin-right:9px;}
.brain-status{
  margin-top:26px;
  padding:16px;
  border-radius:16px;
  color:#fff;
  background:rgba(3,7,13,.65);
  border:1px solid rgba(255,255,255,.12);
  font-weight:800;
}
@media(max-width:980px){
  .consult-shell{width:calc(100% - 40px);grid-template-columns:1fr;}
  .consult-left{padding:28px;}
  .detected-grid{grid-template-columns:1fr;}
}

/* 14. Live AI Detection Feedback */
.detected-grid div,
.summary-item,
.confidence-box,
.brain-status{
  transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease, background .25s ease, color .25s ease;
}
.detected-grid div.needs-info{
  border-color:rgba(255,255,255,.12);
  background:rgba(255,255,255,.035);
}
.detected-grid div.profile-updated{
  position:relative;
  border-color:rgba(245,180,0,.95)!important;
  background:linear-gradient(145deg,rgba(245,180,0,.28),rgba(255,255,255,.055))!important;
  box-shadow:0 0 0 1px rgba(245,180,0,.36),0 0 34px rgba(245,180,0,.42),inset 0 0 30px rgba(245,180,0,.10);
  transform:translateY(-2px) scale(1.018);
  animation:profileFlash 2.15s ease both;
}
.detected-grid div.profile-updated:before{
  content:"✓";
  position:absolute;
  right:12px;
  top:12px;
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  border-radius:50%;
  background:var(--gold);
  color:#05080d;
  font-weight:950;
  box-shadow:0 0 20px rgba(245,180,0,.65);
  animation:checkPop .42s cubic-bezier(.2,1.4,.35,1) both;
}
.detected-grid div.profile-updated span{
  color:#fff;
  text-shadow:0 0 18px rgba(245,180,0,.42);
}
.update-badge{
  display:inline-flex;
  margin-top:8px;
  padding:4px 8px;
  border-radius:999px;
  color:#070b11;
  background:var(--gold);
  font-size:10px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.05em;
  animation:badgeFade 2.15s ease both;
}
.summary-item.live-updated,
.confidence-box.live-updated{
  border:1px solid rgba(245,180,0,.78);
  background:linear-gradient(135deg,rgba(245,180,0,.20),rgba(255,255,255,.055));
  box-shadow:0 0 26px rgba(245,180,0,.28),inset 0 0 24px rgba(245,180,0,.08);
  transform:translateX(-3px);
  animation:livePanelFlash 2s ease both;
}
.summary-item.live-waiting span{
  color:#8e99aa;
}
.summary-item.live-found span{
  color:#fff;
}
.summary-item em{
  align-self:center;
  padding:3px 7px;
  border-radius:999px;
  color:#060a10;
  background:var(--gold);
  font-style:normal;
  font-size:9px;
  font-weight:950;
  text-transform:uppercase;
  animation:badgeFade 2s ease both;
}
.brain-status.brain-status-updated{
  border-color:rgba(245,180,0,.55);
  box-shadow:0 0 28px rgba(245,180,0,.22);
  animation:brainPulse 1.5s ease both;
}
@keyframes profileFlash{
  0%{filter:brightness(1.28);}
  18%{filter:brightness(1.42);}
  100%{filter:brightness(1);transform:none;box-shadow:0 0 0 0 rgba(245,180,0,0),0 0 0 rgba(245,180,0,0),inset 0 0 0 rgba(245,180,0,0);}
}
@keyframes livePanelFlash{
  0%{filter:brightness(1.25)}
  100%{filter:brightness(1);transform:none;box-shadow:none;}
}
@keyframes checkPop{
  0%{opacity:0;transform:scale(.5) rotate(-18deg)}
  100%{opacity:1;transform:scale(1) rotate(0)}
}
@keyframes badgeFade{
  0%,70%{opacity:1;transform:translateY(0)}
  100%{opacity:0;transform:translateY(-5px)}
}
@keyframes brainPulse{
  0%{transform:scale(1.01);filter:brightness(1.18)}
  100%{transform:none;filter:brightness(1)}
}


/* 15. BladeIQ analysis engine cinematic upgrade */
.analysis-command-strip{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  max-width:860px;
  margin:18px auto 0;
  padding:14px 18px;
  border:1px solid rgba(245,180,0,.28);
  border-radius:999px;
  background:linear-gradient(90deg,rgba(245,180,0,.13),rgba(255,255,255,.045),rgba(245,180,0,.08));
  box-shadow:0 0 36px rgba(245,180,0,.10),inset 0 0 30px rgba(255,255,255,.035);
  text-align:left;
}
.analysis-command-strip span{
  color:var(--gold);
  font-size:12px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
}
.analysis-command-strip b{
  color:#fff;
  font-size:14px;
  font-weight:900;
  text-align:right;
}
.analysis-command-strip.is-updating{
  animation:commandPulse .55s ease both;
}
.pulse-ring-pro{
  position:relative;
}
.pulse-ring-pro:before,
.pulse-ring-pro:after{
  content:"";
  position:absolute;
  inset:-14px;
  border:1px solid rgba(245,180,0,.26);
  border-radius:50%;
  animation:analysisOrbit 2.6s linear infinite;
}
.pulse-ring-pro:after{
  inset:-28px;
  border-color:rgba(245,180,0,.12);
  animation-duration:4.4s;
  animation-direction:reverse;
}
.analysis-list-pro{
  max-width:none;
}
.analysis-list-pro div{
  min-height:58px;
  align-items:flex-start;
  position:relative;
  overflow:hidden;
}
.analysis-list-pro div:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent,rgba(245,180,0,.18),transparent);
  transform:translateX(-130%);
  opacity:0;
}
.analysis-list-pro div.done{
  border:1px solid rgba(245,180,0,.32);
  background:linear-gradient(135deg,rgba(245,180,0,.16),rgba(255,255,255,.045));
  box-shadow:0 0 26px rgba(245,180,0,.12),inset 0 0 24px rgba(245,180,0,.04);
}
.analysis-list-pro div.done:after{
  opacity:1;
  animation:analysisSweep .75s ease both;
}
.analysis-list-pro b{
  display:block;
  color:#fff;
  font-size:14px;
  line-height:1.2;
}
.analysis-list-pro em{
  display:block;
  margin-top:5px;
  color:#aeb8c6;
  font-size:12px;
  font-style:normal;
  line-height:1.3;
}
.analysis-meter-pro{
  max-width:520px;
  margin:10px auto 0;
}
.meter-track{
  height:9px;
  margin-top:12px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  box-shadow:inset 0 0 18px rgba(0,0,0,.35);
}
.meter-track i{
  display:block;
  width:0%;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--gold),var(--gold2),#fff0a8);
  box-shadow:0 0 22px rgba(245,180,0,.65);
  transition:width .24s cubic-bezier(.22,1,.36,1);
}
.analysis-console{
  max-width:860px;
  min-height:44px;
  margin:18px auto 0;
  padding:13px 16px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:16px;
  color:#dbe6f3;
  background:rgba(0,0,0,.24);
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:13px;
  line-height:1.35;
  text-align:left;
}
.analysis-console p{
  margin:0;
  opacity:0;
  transform:translateY(6px);
  animation:consoleIn .32s ease forwards;
}
.analysis-console p:before{
  content:"▸ ";
  color:var(--gold);
}
.verified-seal{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin:18px auto 0;
  padding:13px 20px;
  border:1px solid rgba(245,180,0,.72);
  border-radius:999px;
  color:#05080d;
  background:linear-gradient(135deg,var(--gold-2),var(--gold));
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.04em;
  opacity:0;
  transform:translateY(8px) scale(.96);
  box-shadow:0 0 38px rgba(245,180,0,.26);
}
.verified-seal.is-visible{
  animation:sealPop .65s cubic-bezier(.18,1.5,.32,1) forwards;
}
.analysis-card.is-complete{
  animation:analysisCompleteGlow .8s ease both;
}
@keyframes analysisOrbit{to{transform:rotate(360deg)}}
@keyframes analysisSweep{to{transform:translateX(130%)}}
@keyframes consoleIn{to{opacity:1;transform:translateY(0)}}
@keyframes commandPulse{50%{box-shadow:0 0 42px rgba(245,180,0,.26),inset 0 0 30px rgba(245,180,0,.08);transform:scale(1.012)}}
@keyframes sealPop{to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes analysisCompleteGlow{50%{box-shadow:0 0 90px rgba(245,180,0,.22),0 30px 90px rgba(0,0,0,.42)}}
@media(max-width:700px){
  .analysis-command-strip{align-items:flex-start;flex-direction:column;border-radius:18px}
  .analysis-command-strip b{text-align:left}
}

/* BladeIQ v4: engineering trade-off switching */
.recommendation-recalc{animation:recommendationRecalc .95s cubic-bezier(.22,1,.36,1) both}
@keyframes recommendationRecalc{0%{filter:brightness(1);transform:translateY(0)}30%{filter:brightness(1.35) saturate(1.25);transform:translateY(-3px);box-shadow:0 0 0 1px rgba(245,180,0,.42),0 0 70px rgba(245,180,0,.22)}100%{filter:brightness(1);transform:translateY(0)}}
.mode-toast{position:fixed;right:28px;bottom:92px;z-index:90;min-width:330px;padding:17px 18px;border:1px solid rgba(245,180,0,.42);border-radius:16px;background:rgba(7,17,31,.92);box-shadow:0 24px 70px rgba(0,0,0,.42),0 0 50px rgba(245,180,0,.14);color:#fff;backdrop-filter:blur(18px);transform:translateY(24px);opacity:0;pointer-events:none;transition:.35s ease}.mode-toast.is-visible{transform:translateY(0);opacity:1}.mode-toast b{display:block;color:var(--gold);text-transform:uppercase;font-size:12px;letter-spacing:.08em}.mode-toast span{display:block;margin-top:5px;color:#dce6f4}.mode-toast strong{color:#fff}
.modal-card{width:min(980px,100%)}.modal-lead{max-width:780px;margin:0 0 18px;color:#d8e3ef}.modal-profile{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:18px 0 22px}.modal-profile div{padding:13px;border:1px solid rgba(245,180,0,.22);border-radius:14px;background:rgba(255,255,255,.045)}.modal-profile b{display:block;color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.modal-profile span{display:block;margin-top:5px;color:#fff;font-weight:900}.explain-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:18px}.explain-cards div{position:relative;overflow:hidden;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));animation:explainSlide .45s ease both}.explain-cards div:nth-child(2){animation-delay:.08s}.explain-cards div:nth-child(3){animation-delay:.16s}.explain-cards div:nth-child(4){animation-delay:.24s}.explain-cards div:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gold);box-shadow:0 0 22px rgba(245,180,0,.65)}.explain-cards strong{color:var(--gold);text-transform:uppercase;font-size:12px}.explain-cards h3{margin:8px 0;color:#fff}.explain-cards p{margin:0;color:#d8e3ef}.verified-match-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;padding:18px;border:1px solid rgba(245,180,0,.38);border-radius:18px;background:linear-gradient(135deg,rgba(245,180,0,.15),rgba(255,255,255,.035));box-shadow:0 0 55px rgba(245,180,0,.12)}.verified-match-card span{color:var(--gold);font-weight:950;text-transform:uppercase}.verified-match-card b{font-family:'Barlow Condensed';font-size:54px;line-height:.8;color:var(--gold)}.verified-match-card em{color:#fff;font-style:normal;font-weight:900}
@keyframes explainSlide{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.tradeoff-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:20px}.tradeoff-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));box-shadow:0 16px 36px rgba(0,0,0,.18);transition:.22s ease}.tradeoff-card:hover{transform:translateY(-4px);border-color:rgba(245,180,0,.55);box-shadow:0 22px 55px rgba(0,0,0,.3),0 0 44px rgba(245,180,0,.13)}.tradeoff-card.is-current{border-color:rgba(245,180,0,.9);background:linear-gradient(145deg,rgba(245,180,0,.14),rgba(255,255,255,.04))}.tradeoff-card.is-current:after{content:"Current";position:absolute;top:10px;right:10px;padding:4px 7px;border-radius:999px;background:var(--gold);color:#07111f;font-size:9px;font-weight:950;text-transform:uppercase}.tradeoff-head{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center}.tradeoff-head i{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid rgba(245,180,0,.45);font-style:normal}.tradeoff-head strong{color:var(--gold);text-transform:uppercase;font-size:12px}.tradeoff-head span{font-family:'Barlow Condensed';font-size:30px;color:#fff}.tradeoff-card h3{margin:0;color:#fff;font-size:18px;line-height:1.15}.tradeoff-card p{margin:0;color:#cbd6e4;font-size:13px;line-height:1.45;min-height:56px}.mini-bars{display:grid;gap:7px;margin-top:auto}.mini-bars label{display:grid;grid-template-columns:46px 1fr;align-items:center;gap:8px;color:#cbd6e4;font-size:11px;font-weight:900}.mini-bars b{height:7px;border-radius:999px;background:rgba(255,255,255,.11);overflow:hidden}.mini-bars em{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--gold2));box-shadow:0 0 14px rgba(245,180,0,.35)}.primary-mini,.warning-btn{min-height:42px;border-radius:10px;font-weight:950;text-transform:uppercase;cursor:pointer}.primary-mini{border:0;color:#07111f;background:linear-gradient(135deg,var(--gold2),var(--gold))}.warning-btn{border:1px solid rgba(245,180,0,.55);color:#fff;background:rgba(245,180,0,.08)}
@media(max-width:1180px){.tradeoff-grid{grid-template-columns:repeat(2,1fr)}.modal-profile{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.tradeoff-grid,.explain-cards,.modal-profile{grid-template-columns:1fr}.mode-toast{left:16px;right:16px;bottom:18px;min-width:0}.verified-match-card{display:grid}}

/* 16. BladeIQ profile-ready CTA + PDF report polish */
.profile-complete-notice{
  margin:18px 0 0;
  padding:16px 18px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  background:rgba(255,255,255,.045);
  color:#dbe6f3;
  opacity:.75;
  transform:translateY(4px);
  transition:.28s ease;
}
.profile-complete-notice b{
  display:block;
  color:#aeb8c6;
  text-transform:uppercase;
  font-size:12px;
  letter-spacing:.06em;
}
.profile-complete-notice span{
  display:block;
  margin-top:5px;
  line-height:1.45;
}
.profile-complete-notice.is-visible{
  opacity:1;
  color:#fff;
  transform:translateY(0);
  border-color:rgba(245,180,0,.62);
  background:linear-gradient(135deg,rgba(245,180,0,.2),rgba(255,255,255,.055));
  box-shadow:0 0 42px rgba(245,180,0,.16),inset 0 0 26px rgba(245,180,0,.05);
  animation:readyNoticePulse 1.15s ease both;
}
.profile-complete-notice.is-visible b{
  color:var(--gold);
}
.primary-btn.is-ready{
  position:relative;
  overflow:hidden;
  animation:readyButtonPulse 1.4s ease-in-out infinite;
}
.primary-btn.is-ready:after{
  content:"";
  position:absolute;
  inset:-40% -30%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);
  transform:translateX(-120%) rotate(12deg);
  animation:readyButtonSweep 2.1s ease-in-out infinite;
}
.report-preview-card{
  display:grid;
  gap:8px;
  margin:20px 0 20px;
  padding:20px;
  border:1px solid rgba(245,180,0,.42);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(245,180,0,.15),rgba(255,255,255,.045));
  box-shadow:0 0 42px rgba(245,180,0,.12);
}
.report-preview-card strong{
  color:var(--gold);
  text-transform:uppercase;
  letter-spacing:.06em;
  font-size:12px;
}
.report-preview-card span{
  color:#fff;
  font-size:22px;
  font-weight:950;
}
.report-preview-card em{
  color:#d8e3ef;
  font-style:normal;
}
.report-download-btn{
  text-decoration:none;
}
@keyframes readyNoticePulse{
  45%{transform:translateY(0) scale(1.015);box-shadow:0 0 70px rgba(245,180,0,.28),inset 0 0 30px rgba(245,180,0,.08)}
}
@keyframes readyButtonPulse{
  0%,100%{box-shadow:0 18px 42px rgba(245,180,0,.28)}
  50%{box-shadow:0 18px 52px rgba(245,180,0,.48),0 0 0 4px rgba(245,180,0,.12)}
}
@keyframes readyButtonSweep{
  0%{transform:translateX(-120%) rotate(12deg)}
  48%,100%{transform:translateX(120%) rotate(12deg)}
}

/*=========================================================
  BladeIQ v6 - Price / Availability / BOM / Cart Demo
=========================================================*/

.blade-card{
  align-items:center;
}

.blade-ring{
  position:relative;
  width:180px;
  height:180px;
  border:none !important;
  border-radius:0 !important;
  background-image:url("https://starwebdesigns.com/starwebaiq/blade-selector/assets/img/blades/premium-m42-variable-pitch.png");
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  box-shadow:none !important;
  animation:bladeFloat 4s ease-in-out infinite;
}

.blade-ring:before{
  content:"";
  position:absolute;
  inset:12px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,196,0,.22),rgba(255,196,0,.08) 42%,transparent 70%);
  filter:blur(12px);
  z-index:-2;
  animation:bladeGlow 3s ease-in-out infinite;
}

.blade-ring:after{
  content:"";
  position:absolute;
  inset:9px;
  border-radius:50%;
  border:1px solid rgba(245,180,0,.36);
  box-shadow:0 0 28px rgba(245,180,0,.18), inset 0 0 28px rgba(245,180,0,.08);
  z-index:-1;
  animation:bladeOrbit 12s linear infinite;
}

.blade-ring i{
  inset:20px !important;
  border-color:rgba(245,180,0,.18) !important;
}

@keyframes bladeFloat{
  0%,100%{transform:translateY(0) rotate(-3deg)}
  50%{transform:translateY(-8px) rotate(3deg)}
}

@keyframes bladeGlow{
  0%,100%{opacity:.6;transform:scale(.94)}
  50%{opacity:1;transform:scale(1.08)}
}

@keyframes bladeOrbit{
  to{transform:rotate(360deg)}
}

.purchase-panel{
  margin-top:18px;
  padding:16px;
  border:1px solid rgba(245,180,0,.3);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(245,180,0,.12),rgba(255,255,255,.035));
  box-shadow:0 18px 44px rgba(0,0,0,.25), inset 0 0 28px rgba(245,180,0,.045);
  overflow:hidden;
}

.purchase-panel.purchase-updated{
  animation:purchasePanelGlow .9s ease both;
}

.purchase-live-head{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:13px;
  color:#f7d26a;
  text-transform:uppercase;
  font-size:12px;
  letter-spacing:.06em;
}

.pulse-dot{
  width:9px;
  height:9px;
  border-radius:50%;
  background:#43e08b;
  box-shadow:0 0 18px rgba(67,224,139,.75);
  animation:commercePulse 1.4s ease-in-out infinite;
}

.purchase-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}

.purchase-grid div{
  min-height:70px;
  padding:12px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:14px;
  background:rgba(5,11,20,.52);
}

.purchase-grid small{
  display:block;
  color:#aeb8c6;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.purchase-grid strong{
  display:block;
  margin-top:8px;
  color:#fff;
  font-size:15px;
  line-height:1.15;
}

.purchase-grid div:nth-child(2) strong{
  color:var(--gold);
  font-size:22px;
}

.purchase-actions{
  display:flex;
  gap:10px;
  margin-top:13px;
  flex-wrap:wrap;
}

.purchase-btn{
  min-height:46px;
  padding:0 18px;
  border-radius:10px;
  font-weight:950;
  text-transform:uppercase;
  border:1px solid rgba(245,180,0,.45);
  transition:.22s ease;
}

.purchase-btn.bom{
  color:#fff;
  background:rgba(255,255,255,.045);
}

.purchase-btn.cart{
  color:#070b10;
  border:0;
  background:linear-gradient(135deg,var(--gold2),var(--gold));
  box-shadow:0 18px 34px rgba(245,180,0,.24);
}

.purchase-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 38px rgba(245,180,0,.25);
}

.commerce-drawer{
  position:fixed;
  right:24px;
  bottom:104px;
  z-index:70;
  display:flex;
  align-items:center;
  gap:14px;
  width:min(380px,calc(100vw - 36px));
  padding:16px 18px;
  border:1px solid rgba(245,180,0,.42);
  border-radius:18px;
  background:rgba(6,14,25,.9);
  backdrop-filter:blur(18px);
  box-shadow:0 22px 56px rgba(0,0,0,.5),0 0 46px rgba(245,180,0,.14);
  opacity:0;
  pointer-events:none;
  transform:translateY(18px) scale(.98);
  transition:.28s ease;
}

.commerce-drawer.is-visible{
  opacity:1;
  transform:translateY(0) scale(1);
}

.drawer-icon{
  display:grid;
  place-items:center;
  flex:0 0 46px;
  width:46px;
  height:46px;
  border-radius:50%;
  color:#070b10;
  background:var(--gold);
  font-weight:950;
  box-shadow:0 0 30px rgba(245,180,0,.36);
}

.commerce-drawer b{
  display:block;
  color:#fff;
  font-size:16px;
}

.commerce-drawer span{
  display:block;
  margin-top:4px;
  color:#cbd6e4;
  font-size:13px;
  line-height:1.35;
}

.cart-orb,.bom-orb{
  position:fixed;
  z-index:55;
  right:24px;
  display:flex;
  align-items:center;
  gap:8px;
  min-width:76px;
  height:48px;
  padding:0 12px;
  border:1px solid rgba(245,180,0,.36);
  border-radius:999px;
  background:rgba(6,14,25,.82);
  color:#fff;
  backdrop-filter:blur(14px);
  box-shadow:0 18px 40px rgba(0,0,0,.38);
}

.cart-orb{bottom:34px;}
.bom-orb{bottom:88px;}

.cart-orb span,.bom-orb span{
  color:var(--gold);
  font-weight:950;
  font-size:13px;
}

.cart-orb b,.bom-orb b{
  display:grid;
  place-items:center;
  min-width:24px;
  height:24px;
  padding:0 7px;
  border-radius:999px;
  color:#070b10;
  background:var(--gold);
  font-size:13px;
}

.orb-updated{
  animation:orbPop .55s ease both;
}

@keyframes purchasePanelGlow{
  0%{box-shadow:0 18px 44px rgba(0,0,0,.25),0 0 0 rgba(245,180,0,0)}
  42%{box-shadow:0 18px 44px rgba(0,0,0,.25),0 0 58px rgba(245,180,0,.28)}
  100%{box-shadow:0 18px 44px rgba(0,0,0,.25),inset 0 0 28px rgba(245,180,0,.045)}
}

@keyframes commercePulse{
  50%{transform:scale(1.25);box-shadow:0 0 26px rgba(67,224,139,.9)}
}

@keyframes orbPop{
  35%{transform:scale(1.12);box-shadow:0 18px 40px rgba(0,0,0,.38),0 0 42px rgba(245,180,0,.34)}
}

@media(max-width:900px){
  .purchase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cart-orb,.bom-orb{right:12px}
  .commerce-drawer{right:12px;bottom:150px}
}


/*=========================================================
  BladeIQ v7 - Out Of Stock Recovery
=========================================================*/
.purchase-panel.is-out-of-stock{
  border-color:rgba(255,118,87,.55);
  background:linear-gradient(135deg,rgba(255,118,87,.13),rgba(245,180,0,.055),rgba(255,255,255,.035));
  box-shadow:0 18px 44px rgba(0,0,0,.28), inset 0 0 32px rgba(255,118,87,.08);
}
.purchase-panel.is-out-of-stock .pulse-dot{
  background:#ff7657;
  box-shadow:0 0 18px rgba(255,118,87,.75);
}
.purchase-panel.is-out-of-stock #bladeStock{
  color:#ffab91 !important;
}
.purchase-btn:disabled{
  opacity:.65;
  cursor:not-allowed;
  transform:none !important;
  box-shadow:none !important;
}
.stock-alternatives{
  margin-top:14px;
}
.stock-alert-head{
  padding:13px 14px;
  border:1px solid rgba(255,118,87,.38);
  border-radius:14px;
  background:rgba(255,118,87,.075);
}
.stock-alert-head b{
  display:block;
  color:#fff;
  font-size:14px;
  font-weight:950;
}
.stock-alert-head span{
  display:block;
  margin-top:5px;
  color:#d8e1ed;
  font-size:12px;
  line-height:1.35;
}
.stock-alt-list{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:10px;
}
.stock-alt-card{
  text-align:left;
  padding:12px;
  border:1px solid rgba(245,180,0,.36);
  border-radius:14px;
  background:rgba(5,11,20,.56);
  transition:.22s ease;
}
.stock-alt-card:hover{
  transform:translateY(-2px);
  border-color:rgba(245,180,0,.8);
  box-shadow:0 18px 34px rgba(245,180,0,.14);
}
.stock-alt-card strong{
  display:block;
  color:#fff;
  font-size:13px;
  line-height:1.2;
}
.stock-alt-card span{
  display:block;
  margin-top:6px;
  color:#cbd6e4;
  font-size:11px;
  line-height:1.25;
}
.stock-alt-card em{
  display:block;
  margin-top:8px;
  color:var(--gold);
  font-size:11px;
  font-style:normal;
  font-weight:950;
  text-transform:uppercase;
}
.stock-recovery-card{
  margin:18px 0;
  padding:18px;
  border:1px solid rgba(255,118,87,.44);
  border-radius:18px;
  background:rgba(255,118,87,.075);
}
.stock-recovery-card strong{
  color:#ffab91;
  text-transform:uppercase;
  font-size:12px;
  letter-spacing:.08em;
}
.stock-recovery-card h3{
  margin:8px 0 4px;
  color:#fff;
  font-size:24px;
}
.stock-recovery-card p{
  color:#d8e1ed;
}
.stock-modal-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.stock-modal-card{
  padding:16px;
  border:1px solid rgba(245,180,0,.35);
  border-radius:18px;
  background:rgba(255,255,255,.045);
}
.stock-modal-card b,
.stock-modal-card span,
.stock-modal-card em{
  display:block;
}
.stock-modal-card b{
  color:#fff;
  font-size:18px;
  line-height:1.15;
}
.stock-modal-card span{
  margin-top:8px;
  color:var(--gold);
  font-weight:950;
  text-transform:uppercase;
  font-size:12px;
}
.stock-modal-card em{
  margin:10px 0 14px;
  color:#d8e1ed;
  font-style:normal;
  font-size:13px;
}
@media(max-width:900px){
  .stock-alt-list,.stock-modal-grid{grid-template-columns:1fr;}
}


/*=========================================================
  BladeAIQ v8 - Brand Logo Update
=========================================================*/
.brand-logo-link{
  gap:0 !important;
  min-width:270px;
  line-height:0;
}
.brand-logo-img{
   
     display:block;
    width:620px;
    max-width:52vw;
    height:auto;
    object-fit:contain;
}
@media(max-width:700px){
  .brand-logo-link{min-width:205px;}
  .brand-logo-img{width:205px;max-width:64vw;}
}


.result-badges span,
.result-badges span *,
.result-badges *{
    color:#ffc400 !important;
    -webkit-text-fill-color:#ffc400 !important;
}


/*=========================================================
  BladeAIQ v9 - Customer Brief Dashboard + Report Polish
=========================================================*/
.result-badges span,
.result-badges span *,
.result-badges *{
  color:#ffc400 !important;
  -webkit-text-fill-color:#ffc400 !important;
}

.customer-brief-card{
  position:relative;
  margin-top:28px;
  padding:22px;
  border:1px solid rgba(245,180,0,.32);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(7,17,31,.78),rgba(3,8,15,.58));
  box-shadow:0 22px 60px rgba(0,0,0,.34), inset 0 0 48px rgba(245,180,0,.045);
  overflow:hidden;
}
.customer-brief-card:before{
  content:"";
  position:absolute;
  inset:-80px -120px auto auto;
  width:260px;
  height:260px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(245,180,0,.20),transparent 70%);
  pointer-events:none;
  animation:briefGlow 4s ease-in-out infinite;
}
.customer-brief-card>*{position:relative;z-index:1;}
.brief-topline{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  color:#fff;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.04em;
  font-size:12px;
}
.brief-status-dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#31d47c;
  box-shadow:0 0 18px rgba(49,212,124,.7);
}
.brief-topline em{
  margin-left:auto;
  color:var(--gold);
  font-style:normal;
}
.customer-brief-card h3{
  margin:12px 0 8px;
  color:#fff;
  font-size:30px;
  line-height:1;
}
.customer-brief-card p{
  margin:0;
  max-width:720px;
  color:#d8e3ef;
  line-height:1.55;
}
.brief-alerts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:18px 0;
}
.brief-alerts div{
  min-height:82px;
  padding:14px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:15px;
  background:rgba(255,255,255,.045);
  transition:.22s ease;
}
.brief-alerts div:hover{
  transform:translateY(-2px);
  border-color:rgba(245,180,0,.45);
  box-shadow:0 16px 34px rgba(245,180,0,.10);
}
.brief-alerts strong{
  display:block;
  color:var(--gold);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.brief-alerts span{
  display:block;
  margin-top:7px;
  color:#f3f7fb;
  font-size:13px;
  line-height:1.35;
}
.brief-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:12px;
}
.brief-primary{min-height:52px;}
.continue-session{
  width:100%;
  margin-top:14px;
  padding:14px 16px;
  border:1px solid rgba(245,180,0,.28);
  border-radius:15px;
  color:#fff;
  background:rgba(245,180,0,.075);
  text-align:left;
  transition:.22s ease;
}
.continue-session:hover{
  transform:translateY(-2px);
  border-color:rgba(245,180,0,.7);
  box-shadow:0 18px 38px rgba(245,180,0,.14);
}
.continue-session span{
  display:block;
  color:var(--gold);
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.continue-session b{
  display:block;
  margin-top:5px;
  color:#fff;
  font-size:14px;
}
.dashboard-hero{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:18px;
  align-items:stretch;
  margin-top:18px;
}
.dashboard-welcome,
.dashboard-panel,
.dashboard-timeline,
.dashboard-history{
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  background:rgba(255,255,255,.045);
  padding:18px;
}
.dashboard-welcome{
  border-color:rgba(245,180,0,.32);
  background:linear-gradient(135deg,rgba(245,180,0,.13),rgba(255,255,255,.04));
}
.dashboard-welcome strong,
.dashboard-panel strong,
.dashboard-timeline strong,
.dashboard-history strong{
  display:block;
  color:var(--gold);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.dashboard-welcome h3{
  margin:8px 0 10px;
  color:#fff;
  font-size:28px;
}
.dashboard-welcome p{margin:0;color:#d8e3ef;line-height:1.55;}
.dashboard-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:16px 0;
}
.dashboard-stats div{
  padding:13px;
  border-radius:14px;
  background:rgba(5,11,20,.52);
}
.dashboard-stats b{
  display:block;
  color:#fff;
  font-size:24px;
}
.dashboard-stats span{
  display:block;
  margin-top:4px;
  color:#aeb8c6;
  font-size:11px;
  text-transform:uppercase;
  font-weight:900;
}
.dashboard-notes{
  display:grid;
  gap:10px;
}
.dashboard-notes div{
  padding:12px 14px;
  border-left:3px solid var(--gold);
  border-radius:12px;
  background:rgba(5,11,20,.44);
}
.dashboard-notes b{color:#fff;font-size:14px;text-transform:none;letter-spacing:0;}
.dashboard-notes span{display:block;margin-top:4px;color:#cbd6e4;font-size:13px;line-height:1.35;}
.dashboard-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-top:14px;
}
.dashboard-history table{
  width:100%;
  border-collapse:collapse;
  margin-top:12px;
}
.dashboard-history th,
.dashboard-history td{
  padding:10px 8px;
  border-bottom:1px solid rgba(255,255,255,.09);
  color:#d8e3ef;
  font-size:13px;
  text-align:left;
}
.dashboard-history th{color:var(--gold);text-transform:uppercase;font-size:11px;}
.dashboard-timeline ul{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:10px;}
.dashboard-timeline li{position:relative;padding-left:26px;color:#d8e3ef;line-height:1.4;}
.dashboard-timeline li:before{content:"✓";position:absolute;left:0;top:0;color:var(--gold);font-weight:950;}
.dashboard-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px;}
@keyframes briefGlow{50%{opacity:.6;transform:scale(1.08)}}
@media(max-width:980px){
  .brief-alerts,.dashboard-hero,.dashboard-grid{grid-template-columns:1fr;}
  .dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr));}
  .brief-topline em{margin-left:0;}
}

/*=========================================================
  BladeAIQ v12 - Premium Welcome + Full Dashboard Upgrade
=========================================================*/

/* give the larger BladeAIQ logo room so the hero text never hides behind it */
.biq-topbar{
  min-height:106px !important;
  padding-top:18px !important;
  padding-bottom:18px !important;
}
.biq-stage{
  padding-top:132px !important;
}
.brand-logo-img{
  width:350px !important;
  max-width:35vw !important;
}

.screen-welcome{
  align-items:start !important;
}
.welcome-grid{
  grid-template-columns:minmax(420px,.82fr) minmax(540px,1.18fr) !important;
  gap:24px !important;
  align-items:start !important;
}
.welcome-copy{
  padding-top:8px;
}
.welcome-copy .eyebrow{
  margin-bottom:10px !important;
}
.welcome-copy h1{
  font-size:clamp(72px,7vw,122px) !important;
  line-height:.82 !important;
}
.welcome-copy h2{
  font-size:clamp(40px,4.6vw,70px) !important;
  line-height:.88 !important;
}
.welcome-copy .lead{
  max-width:680px;
  font-size:18px !important;
  line-height:1.5 !important;
  margin-top:16px;
}
.welcome-actions-compact{
  margin-top:24px !important;
}
.welcome-actions-compact .primary-btn,
.welcome-actions-compact .secondary-btn,
.brief-actions-premium .primary-btn,
.brief-actions-premium .secondary-btn{
  min-height:48px !important;
  padding:0 22px !important;
  font-size:13px !important;
}
.metrics-row-premium{
  margin-top:22px !important;
  max-width:760px !important;
}
.metrics-row-premium div{
  min-height:68px;
  padding:15px 18px !important;
  background:linear-gradient(145deg,rgba(7,17,31,.78),rgba(5,10,18,.56)) !important;
  border-color:rgba(245,180,0,.24) !important;
}
.metrics-row-premium strong{
  font-size:22px !important;
}

.device-showcase-premium{
  align-self:start;
  margin-top:4px;
}
.device-showcase-premium img{
  border:1px solid rgba(245,180,0,.28);
  border-radius:22px !important;
}
.image-guide-btn{
  position:absolute;
  left:28px;
  bottom:26px;
  z-index:3;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:3px;
  min-width:210px;
  padding:15px 18px;
  border:1px solid rgba(245,180,0,.65);
  border-radius:16px;
  color:#fff;
  background:linear-gradient(145deg,rgba(6,14,25,.88),rgba(245,180,0,.10));
  box-shadow:0 22px 54px rgba(0,0,0,.38),0 0 36px rgba(245,180,0,.18);
  backdrop-filter:blur(16px);
  text-align:left;
  transition:.22s ease;
}
.image-guide-btn:hover{
  transform:translateY(-3px);
  border-color:rgba(245,180,0,.95);
  box-shadow:0 26px 62px rgba(0,0,0,.44),0 0 50px rgba(245,180,0,.30);
}
.image-guide-btn span{
  color:var(--gold);
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.07em;
}
.image-guide-btn b{
  color:#fff;
  font-size:14px;
  line-height:1.15;
}

.premium-brief-card{
  grid-column:1 / -1;
  margin-top:18px !important;
  padding:0 !important;
  border-radius:24px !important;
  background:linear-gradient(135deg,rgba(245,180,0,.13),rgba(232,238,245,.16) 22%,rgba(8,17,31,.82) 56%,rgba(245,180,0,.10)) !important;
  border:1px solid rgba(245,180,0,.42) !important;
  box-shadow:0 30px 86px rgba(0,0,0,.42), inset 0 0 60px rgba(255,255,255,.035) !important;
}
.brief-head-premium{
  display:grid;
  grid-template-columns:1fr auto;
  gap:24px;
  align-items:center;
  padding:20px 24px 18px;
  border-bottom:1px solid rgba(255,255,255,.14);
}
.brief-head-premium span{
  display:block;
  color:var(--gold);
  text-transform:uppercase;
  font-size:12px;
  font-weight:950;
  letter-spacing:.07em;
}
.brief-head-premium h3{
  margin:5px 0 6px !important;
  font-family:'Barlow Condensed',Inter,sans-serif;
  font-size:38px !important;
  text-transform:uppercase;
  letter-spacing:-.02em;
}
.brief-head-premium p{
  max-width:760px !important;
  color:#dbe5f1 !important;
}
.brief-score{
  display:grid;
  place-items:center;
  min-width:116px;
  min-height:86px;
  border:1px solid rgba(245,180,0,.44);
  border-radius:18px;
  background:radial-gradient(circle at 50% 0%,rgba(245,180,0,.2),rgba(4,9,16,.58));
  box-shadow:0 0 40px rgba(245,180,0,.14);
}
.brief-score strong{
  color:var(--gold);
  font-size:40px;
  font-weight:950;
  line-height:.9;
}
.brief-score small{
  color:#fff;
  font-size:10px;
  font-weight:950;
  text-transform:uppercase;
}
.premium-alerts{
  display:grid !important;
  grid-template-columns:1fr 1fr 1fr 1.15fr !important;
  gap:0 !important;
  margin:0 !important;
}
.brief-tile{
  display:grid;
  grid-template-columns:auto 1fr;
  column-gap:14px;
  align-items:center;
  min-height:112px !important;
  padding:20px 22px !important;
  border:0 !important;
  border-right:1px solid rgba(255,255,255,.13) !important;
  border-radius:0 !important;
  background:rgba(255,255,255,.035) !important;
}
.brief-tile i{
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  border-radius:50%;
  color:var(--gold);
  background:rgba(245,180,0,.10);
  border:1px solid rgba(245,180,0,.36);
  box-shadow:0 0 34px rgba(245,180,0,.13);
  font-style:normal;
  font-size:24px;
  grid-row:1 / span 2;
}
.brief-tile strong{
  color:var(--gold) !important;
  font-size:12px !important;
}
.brief-tile span{
  color:#fff !important;
  font-size:14px !important;
  font-weight:850;
}
.brief-last{
  grid-template-columns:1fr !important;
  background:rgba(5,12,22,.36) !important;
}
.brief-actions-premium{
  margin:0 !important;
  padding:18px 24px 22px;
  border-top:1px solid rgba(255,255,255,.11);
  align-items:center;
}
.brief-actions-premium .continue-session{
  width:auto !important;
  margin:0 0 0 auto !important;
  min-width:360px;
  padding:10px 14px !important;
  background:rgba(5,11,20,.46) !important;
}

/* Full screen premium dashboard */
.modal.dashboard-modal{
  place-items:stretch !important;
  padding:0 !important;
  background:rgba(0,0,0,.78) !important;
}
.modal.dashboard-modal .modal-card{
  width:min(1720px,calc(100vw - 72px)) !important;
  max-height:calc(100vh - 72px) !important;
  margin:36px auto !important;
  padding:0 !important;
  overflow:auto;
  border-radius:28px !important;
  border-color:rgba(245,180,0,.34) !important;
  background:linear-gradient(145deg,rgba(7,17,31,.96),rgba(3,8,15,.93)) !important;
}
.modal.dashboard-modal .modal-close{
  position:sticky !important;
  top:18px !important;
  margin-left:auto;
  right:18px !important;
  z-index:20;
  float:right;
}
.dashboard-full{
  padding:58px 32px 38px;
  background:radial-gradient(circle at 82% 10%,rgba(49,212,124,.10),transparent 26%),radial-gradient(circle at 12% 88%,rgba(245,180,0,.13),transparent 32%);
}
.dash-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:24px;
  margin-bottom:28px;
}
.dash-top strong{
  color:var(--gold);
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:12px;
}
.dash-top h2{
  margin:8px 0 8px !important;
  font-family:'Barlow Condensed',Inter,sans-serif;
  font-size:clamp(54px,5vw,88px) !important;
  line-height:.86;
}
.dash-top p{
  color:#cbd6e4;
  margin:0;
  max-width:880px;
}
.dash-live{
  display:flex;
  align-items:center;
  gap:9px;
  padding:12px 18px;
  border-radius:999px;
  background:rgba(49,212,124,.12);
  border:1px solid rgba(49,212,124,.35);
  color:#dfffee;
  font-weight:950;
}
.dash-live span{
  width:9px;height:9px;border-radius:50%;background:#31d47c;box-shadow:0 0 18px rgba(49,212,124,.8);
}
.dash-kpi-row{
  display:grid;
  grid-template-columns:1fr 1fr 1fr 1fr 1fr;
  gap:14px;
  margin-bottom:16px;
}
.kpi-card,.dash-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.13);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));
  box-shadow:0 18px 46px rgba(0,0,0,.22),inset 0 0 40px rgba(255,255,255,.025);
}
.kpi-card{
  min-height:186px;
  padding:18px;
}
.kpi-card small,.dash-card-head strong{
  display:block;
  color:#fff;
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
}
.kpi-card b{
  display:block;
  color:#fff;
  font-size:52px;
  margin-top:22px;
}
.kpi-card em{
  display:block;
  color:#fff;
  font-style:normal;
  font-weight:950;
}
.kpi-card span{
  display:block;
  color:#74f0aa;
  font-size:13px;
  font-weight:900;
  margin-top:20px;
}
.kpi-ring:before{
  content:"";
  position:absolute;
  left:50%;top:50%;
  width:118px;height:118px;
  transform:translate(-50%,-38%);
  border-radius:50%;
  background:conic-gradient(var(--gold) 0 82%,rgba(255,255,255,.12) 82% 100%);
  mask:radial-gradient(circle,transparent 53%,#000 54%);
  -webkit-mask:radial-gradient(circle,transparent 53%,#000 54%);
  opacity:.95;
}
.green-ring:before{background:conic-gradient(#31d47c 0 82%,rgba(255,255,255,.12) 82% 100%)}
.kpi-ring b,.kpi-ring em{position:relative;text-align:center;z-index:1;}
.kpi-ring b{margin-top:40px;}
.kpi-ring span{position:absolute;left:18px;bottom:18px;}
.kpi-spark{
  padding-bottom:18px;
}
.kpi-spark b,
.kpi-spark span,
.kpi-spark small{
  position:relative;
  z-index:2;
}
.mini-sparkline{
  position:absolute;
  left:18px;
  right:18px;
  bottom:18px;
  height:76px;
  border-radius:14px;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(245,180,0,.035),rgba(245,180,0,.10));
  box-shadow:inset 0 0 24px rgba(0,0,0,.22);
}
.mini-sparkline:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:100% 25%,20% 100%;
  opacity:.65;
}
.mini-sparkline svg{
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
  display:block;
}
.mini-spark-fill{
  fill:rgba(245,180,0,.15);
}
.mini-spark-line{
  fill:none;
  stroke:url(#sparkGoldOrders);
  stroke-width:4;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 0 8px rgba(245,180,0,.65));
  stroke-dasharray:420;
  stroke-dashoffset:420;
  animation:miniSparkDraw 1.2s ease forwards;
}
.kpi-spark-quotes .mini-spark-line{
  stroke:url(#sparkGoldQuotes);
  animation-delay:.12s;
}
.mini-spark-dot{
  fill:var(--gold2);
  filter:drop-shadow(0 0 8px rgba(245,180,0,.85));
  opacity:0;
  animation:miniSparkDot .35s ease .95s forwards;
}
@keyframes miniSparkDraw{to{stroke-dashoffset:0}}
@keyframes miniSparkDot{to{opacity:1}}

.dash-main-grid{
  display:grid;
  grid-template-columns:2fr 1fr 1fr;
  gap:14px;
}
.dash-bottom-grid{
  display:grid;
  grid-template-columns:1fr 1.25fr;
  gap:14px;
  margin-top:14px;
}
.dash-card{padding:18px;min-height:260px;}
.dash-card-head{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:12px;}
.dash-card-head span{color:#aeb8c6;font-size:12px;font-weight:900;}
.trend-chart{height:245px;position:relative;border-radius:14px;background:rgba(5,11,20,.36);padding:12px;}
.trend-chart svg{width:100%;height:206px;display:block;}
.grid-lines line{stroke:rgba(255,255,255,.07);stroke-width:1;}
.chart-line{fill:none;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(255,255,255,.2));stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawLine 1.5s ease forwards;}
.chart-line.gold{stroke:url(#goldLine);animation-delay:.1s;}
.chart-line.blue{stroke:url(#blueLine);animation-delay:.25s;}
.month-row{display:grid;grid-template-columns:repeat(12,1fr);font-size:10px;color:#8f9bad;text-align:center;}
@keyframes drawLine{to{stroke-dashoffset:0}}
.donut-wrap{display:grid;grid-template-columns:140px 1fr;gap:18px;align-items:center;margin-top:18px;}
.donut-chart{width:140px;height:140px;border-radius:50%;background:conic-gradient(var(--gold) 0 45%,#39aef5 45% 72%,#31d47c 72% 87%,#cbd6e4 87% 100%);position:relative;box-shadow:0 0 34px rgba(245,180,0,.14);}
.donut-chart:after{content:"";position:absolute;inset:38px;border-radius:50%;background:#07111f;}
.donut-wrap ul,.rec-list{list-style:none;margin:0;padding:0;display:grid;gap:13px;}
.donut-wrap li{display:flex;align-items:center;gap:10px;color:#dce6f4;font-size:13px;}
.donut-wrap li strong{margin-left:auto;color:#fff;}
.donut-wrap b[class^="dot"]{width:10px;height:10px;border-radius:50%;display:inline-block;}
.dot-gold{background:var(--gold)}.dot-blue{background:#39aef5}.dot-green{background:#31d47c}.dot-light{background:#cbd6e4}
.rec-list div{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.09);}
.rec-list i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(245,180,0,.13);color:var(--gold);font-style:normal;font-weight:950;grid-row:1 / span 2;}
.rec-list b{color:#fff;}
.rec-list span{color:#cbd6e4;font-size:12px;}
.recommendations-card .primary-mini{margin-top:14px;}
.premium-notes div{background:rgba(5,11,20,.44);}
.premium-history{min-height:auto;}

@media(max-width:1180px){
  .welcome-grid{grid-template-columns:1fr !important;}
  .premium-alerts,.dash-kpi-row,.dash-main-grid,.dash-bottom-grid{grid-template-columns:1fr !important;}
  .brief-actions-premium .continue-session{margin:0 !important;min-width:0;width:100% !important;}
  .modal.dashboard-modal .modal-card{width:calc(100vw - 24px) !important;margin:12px auto !important;max-height:calc(100vh - 24px) !important;}
}
@media(max-width:700px){
  .biq-topbar{min-height:88px !important;}
  .brand-logo-img{width:200px !important;max-width:64vw !important;}
  .biq-stage{padding-top:24px !important;}
  .premium-alerts{grid-template-columns:1fr !important;}
  .brief-head-premium{grid-template-columns:1fr;}
  .image-guide-btn{position:relative;left:auto;bottom:auto;margin:12px 0 0;width:100%;}
  .dashboard-full{padding:44px 18px 26px;}
}


/*=========================================================
  BladeAIQ v13 - Pre-Meeting Polish Fixes
  - restore visible Welcome Back message
  - keep Guided Mode on the hero image
=========================================================*/
.welcome-return-card{
  display:inline-flex;
  flex-direction:column;
  gap:4px;
  margin:0 0 14px;
  padding:10px 14px;
  border:1px solid rgba(245,180,0,.38);
  border-radius:16px;
  background:linear-gradient(135deg,rgba(245,180,0,.14),rgba(255,255,255,.045));
  box-shadow:0 18px 38px rgba(0,0,0,.22),0 0 34px rgba(245,180,0,.10);
  backdrop-filter:blur(14px);
}
.welcome-return-card span{
  color:var(--gold);
  font-size:12px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.welcome-return-card b{
  color:#fff;
  font-size:14px;
  line-height:1.25;
  font-weight:900;
}
.welcome-copy > .eyebrow{
  margin-top:2px !important;
}
.device-showcase-premium{
  position:relative !important;
}
.image-guide-btn{
  position:absolute !important;
  left:34px !important;
  bottom:28px !important;
  z-index:8 !important;
  min-width:190px;
  padding:13px 17px !important;
  border:1px solid rgba(245,180,0,.72) !important;
  border-radius:16px !important;
  color:#fff !important;
  background:linear-gradient(135deg,rgba(245,180,0,.25),rgba(5,11,20,.68)) !important;
  box-shadow:0 22px 48px rgba(0,0,0,.34),0 0 42px rgba(245,180,0,.20) !important;
  backdrop-filter:blur(14px) saturate(130%);
  text-align:left;
  overflow:hidden;
}
.image-guide-btn:before{
  content:"";
  position:absolute;
  inset:-50% -35%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.30),transparent);
  transform:translateX(-120%) rotate(12deg);
  animation:imageGuideSweep 3.6s ease-in-out infinite;
}
.image-guide-btn span,
.image-guide-btn b{
  position:relative;
  z-index:1;
  display:block;
}
.image-guide-btn span{
  color:var(--gold) !important;
  font-size:12px !important;
  font-weight:950 !important;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.image-guide-btn b{
  margin-top:4px;
  color:#fff !important;
  font-size:14px !important;
  line-height:1.2;
}
.image-guide-btn:hover{
  transform:translateY(-3px) scale(1.015) !important;
  border-color:rgba(255,199,44,.95) !important;
}
@keyframes imageGuideSweep{
  0%,42%{transform:translateX(-120%) rotate(12deg);}
  72%,100%{transform:translateX(120%) rotate(12deg);}
}
@media(max-width:700px){
  .welcome-return-card{width:100%;}
  .image-guide-btn{
    position:relative !important;
    left:auto !important;
    bottom:auto !important;
    width:100% !important;
    margin:12px 0 0 !important;
  }
}

/*=========================================================
  BladeAIQ v15 - Pre Meeting Button Placement Fix
  - Guided Mode belongs with launch actions
  - remove old floating image guide button
=========================================================*/
.welcome-actions-compact{
  display:flex !important;
  gap:14px !important;
  flex-wrap:wrap !important;
  align-items:stretch !important;
}
.welcome-actions-compact .primary-btn,
.welcome-actions-compact .secondary-btn{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  min-height:58px !important;
  padding:10px 22px !important;
  border-radius:14px !important;
  line-height:1.1 !important;
  overflow:hidden !important;
}
.welcome-actions-compact .primary-btn small,
.welcome-actions-compact .secondary-btn small{
  display:block !important;
  width:100% !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:8px !important;
  color:rgba(255,255,255,.78) !important;
  font-size:11px !important;
  font-weight:800 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  text-align:center !important;
}
.welcome-actions-compact .primary-btn{
  padding-bottom:22px !important;
}
.welcome-actions-compact .primary-btn small{
  color:rgba(5,8,12,.82) !important;
}
.welcome-actions-compact .secondary-btn{
  padding-bottom:22px !important;
  background:linear-gradient(145deg,rgba(7,17,31,.72),rgba(5,10,18,.52)) !important;
  border:1px solid rgba(245,180,0,.42) !important;
  box-shadow:0 18px 38px rgba(0,0,0,.24), inset 0 0 18px rgba(245,180,0,.025) !important;
}
.welcome-actions-compact .guided-hero-btn{
  color:#ffc400 !important;
  border-color:rgba(245,180,0,.78) !important;
  background:linear-gradient(135deg,rgba(245,180,0,.13),rgba(255,255,255,.035)) !important;
  box-shadow:0 20px 42px rgba(0,0,0,.27),0 0 34px rgba(245,180,0,.13) !important;
}
.welcome-actions-compact .btn-icon{
  display:inline-grid !important;
  place-items:center !important;
  width:24px !important;
  height:24px !important;
  border-radius:50% !important;
  border:1px solid rgba(245,180,0,.42) !important;
  font-size:14px !important;
  line-height:1 !important;
}
.device-showcase-premium .image-guide-btn,
.image-guide-btn{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}
@media(max-width:900px){
  .welcome-actions-compact .primary-btn,
  .welcome-actions-compact .secondary-btn{
    flex:1 1 180px !important;
  }
}


/*=========================================================
  BladeAIQ v16 - Final pre-demo result page alignment
  Move engineering match percentage beside the result heading
  and tighten the result content upward without touching logic.
=========================================================*/
.screen-result{
  align-items:start !important;
}
.result-main{
  padding:30px 36px 28px !important;
}
.result-hero-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-bottom:18px;
}
.result-hero-copy .eyebrow{
  margin:0 0 10px !important;
}
.result-hero-copy h2{
  margin:0 !important;
  line-height:.82 !important;
}
.result-hero-row .confidence-big{
  flex:0 0 auto;
  margin:0 !important;
  min-width:178px;
  padding:16px 24px !important;
  border-color:rgba(245,180,0,.42) !important;
  background:linear-gradient(145deg,rgba(245,180,0,.16),rgba(255,255,255,.045)) !important;
  box-shadow:0 0 48px rgba(245,180,0,.14), inset 0 0 20px rgba(245,180,0,.055);
}
.result-hero-row .confidence-big span{
  font-size:72px !important;
  filter:drop-shadow(0 0 14px rgba(245,180,0,.36));
}
.blade-card.blade-card-v2{
  margin-top:-10px !important;
}
.result-layout{
  align-items:start !important;
}
.result-side{
  align-content:start !important;
}
@media(max-width:980px){
  .result-hero-row{
    align-items:flex-start;
    flex-direction:column;
  }
  .result-hero-row .confidence-big{
    min-width:0;
  }
}

/* BladeAIQ v19 result insight graph cards - final pre-demo polish */
.decision-timeline{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:12px !important;
  margin:18px 0 26px !important;
}
.decision-timeline > div{
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:14px !important;
  background:linear-gradient(145deg,rgba(13,25,42,.76),rgba(5,11,20,.72)) !important;
  position:relative !important;
  overflow:hidden !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 16px 38px rgba(0,0,0,.18) !important;
}
.decision-timeline > div:before{content:none !important;display:none !important;}
.result-insight-card{
  min-height:154px !important;
  padding:18px 18px 12px 18px !important;
}
.result-insight-card .insight-icon,
.result-check-card .check-icon{
  position:absolute !important;
  left:16px !important;
  top:14px !important;
  width:24px !important;
  height:24px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  font-size:15px !important;
  font-weight:950 !important;
  line-height:1 !important;
  box-shadow:0 0 18px rgba(48,224,116,.34) !important;
  z-index:3 !important;
}
.result-insight-card .insight-icon.green,
.result-check-card .check-icon{background:#35dc63 !important;color:#041008 !important;}
.result-insight-card .insight-icon.gold{background:rgba(245,180,0,.16) !important;color:#ffc400 !important;border:1px solid rgba(245,180,0,.55) !important;}
.result-insight-card b{
  display:block !important;
  margin-left:34px !important;
  color:#fff !important;
  font-size:12px !important;
  line-height:1.15 !important;
  text-transform:uppercase !important;
  letter-spacing:.02em !important;
}
.result-insight-card strong{
  display:block !important;
  margin:12px 0 0 34px !important;
  color:#fff !important;
  font-size:15px !important;
  line-height:1.2 !important;
}
.result-insight-card em{
  display:block !important;
  margin:3px 0 0 34px !important;
  color:#d8e3ef !important;
  font-size:13px !important;
  font-style:normal !important;
  line-height:1.25 !important;
}
.machine-art{
  position:absolute !important;
  left:18px !important;
  right:18px !important;
  bottom:8px !important;
  height:58px !important;
  opacity:.95 !important;
}
.machine-art span{position:absolute !important;bottom:4px !important;background:linear-gradient(180deg,#f3f6f9,#9fa8b3) !important;border-radius:3px !important;box-shadow:inset -6px 0 12px rgba(0,0,0,.22),0 8px 18px rgba(0,0,0,.32) !important;}
.machine-art span:nth-child(1){left:0;width:56px;height:34px;}
.machine-art span:nth-child(2){left:50px;width:82px;height:48px;}
.machine-art span:nth-child(3){left:126px;width:52px;height:24px;border-bottom:5px solid #f5b400 !important;}
.tube-art{
  position:absolute !important;
  left:70px !important;
  right:28px !important;
  bottom:20px !important;
  height:44px !important;
  border-radius:50%/42% !important;
  background:linear-gradient(100deg,#111923 0%,#596270 28%,#0e141c 46%,#7d8793 70%,#151c26 100%) !important;
  transform:skewX(-20deg) rotate(-9deg) !important;
  box-shadow:inset 18px 0 28px rgba(255,255,255,.25),inset -24px 0 40px rgba(0,0,0,.72),0 18px 28px rgba(0,0,0,.35) !important;
}
.tube-art:before{content:"";position:absolute;left:-4px;top:2px;width:48px;height:40px;border-radius:50%;background:radial-gradient(circle at 48% 50%,#05080d 0 44%,#aeb6c1 47% 56%,#1b222c 59% 100%);box-shadow:0 0 20px rgba(255,255,255,.12);}
.graph-card strong{
  margin-top:8px !important;
  color:#38ff73 !important;
  font-size:28px !important;
  line-height:.95 !important;
}
.graph-gold strong{color:#ffc400 !important;}
.graph-card em{margin-top:3px !important;color:#fff !important;}
.mini-result-graph{
  position:absolute !important;
  left:28px !important;
  right:22px !important;
  bottom:14px !important;
  width:calc(100% - 50px) !important;
  height:64px !important;
  overflow:visible !important;
}
.mini-result-graph .graph-fill{opacity:.52 !important;}
.graph-green .graph-fill{fill:url(#none) !important;fill:rgba(48,224,116,.22) !important;}
.graph-gold .graph-fill{fill:rgba(245,180,0,.24) !important;}
.mini-result-graph .graph-line{
  fill:none !important;
  stroke-width:4 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
  filter:drop-shadow(0 0 9px currentColor) !important;
  stroke-dasharray:420 !important;
  stroke-dashoffset:420 !important;
  animation:resultGraphDraw 1.1s ease .1s forwards !important;
}
.graph-green .graph-line,.graph-green .graph-dots{color:#38ff73 !important;stroke:#38ff73 !important;fill:#38ff73 !important;}
.graph-gold .graph-line,.graph-gold .graph-dots{color:#ffc400 !important;stroke:#ffc400 !important;fill:#ffc400 !important;}
.mini-result-graph .graph-dots{opacity:0;animation:resultGraphDots .35s ease 1s forwards !important;}
@keyframes resultGraphDraw{to{stroke-dashoffset:0}}
@keyframes resultGraphDots{to{opacity:1}}
.result-check-card{
  min-height:76px !important;
  padding:18px 16px 14px 54px !important;
}
.result-check-card b{
  display:block !important;
  color:#fff !important;
  font-size:13px !important;
  text-transform:uppercase !important;
  margin:0 0 6px !important;
}
.result-check-card em{
  display:block !important;
  color:#d8e3ef !important;
  font-size:13px !important;
  font-style:normal !important;
  line-height:1.25 !important;
}
@media(max-width:1180px){.decision-timeline{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}}
@media(max-width:700px){.decision-timeline{grid-template-columns:1fr !important;}.result-insight-card{min-height:145px !important;}}

/* BladeAIQ v20 final result-card asset fix: graph/art cards use clean image assets */
.result-insight-card,
.result-check-card{
  isolation:isolate !important;
}
.result-insight-card .insight-icon,
.result-check-card .check-icon{
  left:16px !important;
  top:16px !important;
  z-index:5 !important;
}
.result-insight-card b{
  padding-left:0 !important;
  margin-left:38px !important;
  margin-top:-10px !important;
  position:relative !important;
  z-index:4 !important;
  white-space:normal !important;
}
.result-insight-card strong,
.result-insight-card em{
  margin-left:38px !important;
  position:relative !important;
  z-index:4 !important;
}
.machine-art,
.tube-art{
  position:absolute !important;
  left:14px !important;
  right:14px !important;
  bottom:6px !important;
  height:72px !important;
  opacity:1 !important;
  transform:none !important;
  background:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:hidden !important;
  z-index:2 !important;
}
.machine-art:before,
.tube-art:before,
.machine-art span,
.tube-art span{
  content:none !important;
  display:none !important;
}
.machine-art img,
.tube-art img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center bottom !important;
  filter:drop-shadow(0 16px 20px rgba(0,0,0,.35)) !important;
}
.material-card .tube-art{
  height:78px !important;
  left:16px !important;
  right:12px !important;
  bottom:8px !important;
}
.graph-card{
  overflow:hidden !important;
}
.graph-card:after{
  content:"" !important;
  position:absolute !important;
  left:18px !important;
  right:18px !important;
  bottom:12px !important;
  height:66px !important;
  border-radius:12px !important;
  background:
    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(180deg,rgba(255,255,255,.025),rgba(0,0,0,.06)) !important;
  background-size:100% 22px,42px 100%,100% 100% !important;
  pointer-events:none !important;
  z-index:1 !important;
}
.mini-result-graph,
.mini-result-graph svg{
  display:none !important;
}
.mini-result-graph-img{
  position:absolute !important;
  left:18px !important;
  right:18px !important;
  bottom:10px !important;
  width:calc(100% - 36px) !important;
  height:72px !important;
  object-fit:contain !important;
  object-position:center bottom !important;
  z-index:3 !important;
  display:block !important;
  opacity:1 !important;
  transform:translateY(2px) !important;
  animation:graphAssetIn .55s ease both !important;
}
@keyframes graphAssetIn{
  from{opacity:0;transform:translateY(8px) scale(.985)}
  to{opacity:1;transform:translateY(2px) scale(1)}
}
.graph-card strong{
  position:relative !important;
  z-index:4 !important;
}
.graph-card em{
  position:relative !important;
  z-index:4 !important;
}
.result-check-card{
  padding-left:60px !important;
}
.result-check-card .check-icon{
  left:18px !important;
  top:17px !important;
}

/* BladeAIQ final pre-demo image card fix
   Only restores full-size Machine Compatibility and Material Profile imagery.
   Icons/text stay above the art and are not moved. */
.result-insight-card.machine-card,
.result-insight-card.material-card{
  overflow:hidden !important;
}

.result-insight-card.machine-card .machine-art,
.result-insight-card.material-card .tube-art{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  z-index:1 !important;
  opacity:1 !important;
  transform:none !important;
  background:none !important;
  border:0 !important;
  border-radius:14px !important;
  box-shadow:none !important;
  overflow:hidden !important;
  pointer-events:none !important;
}

.result-insight-card.machine-card .machine-art img,
.result-insight-card.material-card .tube-art img{
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  z-index:1 !important;
  pointer-events:none !important;
}

.result-insight-card.machine-card .machine-art img{
  object-fit:contain !important;
  object-position:center 72% !important;
  padding:34px 8px 6px !important;
  transform:scale(1.18) !important;
  filter:drop-shadow(0 14px 22px rgba(0,0,0,.62)) !important;
}

.result-insight-card.material-card .tube-art img{
  object-fit:cover !important;
  object-position:center center !important;
  padding:0 !important;
  transform:scale(1.04) !important;
  opacity:.58 !important;
  filter:brightness(.48) contrast(1.28) saturate(.82) !important;
}

.result-insight-card.machine-card .machine-art:after,
.result-insight-card.material-card .tube-art:after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  pointer-events:none !important;
  background:
    radial-gradient(circle at 64% 72%, rgba(245,180,0,.13), transparent 38%),
    linear-gradient(180deg, rgba(5,10,18,.18), rgba(5,10,18,.62)) !important;
}

.result-insight-card.machine-card .insight-icon,
.result-insight-card.material-card .insight-icon,
.result-insight-card.machine-card b,
.result-insight-card.machine-card strong,
.result-insight-card.machine-card em,
.result-insight-card.material-card b,
.result-insight-card.material-card strong,
.result-insight-card.material-card em{
  position:relative !important;
  z-index:6 !important;
}


/* BladeAIQ QR Machine Passport Demo */
.qr-passport-card{
  margin:18px 0 22px;
  padding:18px;
  border:1px solid rgba(255,190,12,.46);
  border-radius:22px;
  background:linear-gradient(135deg, rgba(255,190,12,.13), rgba(9,13,20,.92));
  box-shadow:0 24px 70px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08);
  color:#fff;
  position:relative;
  overflow:hidden;
}
.qr-passport-card:before{
  content:"";
  position:absolute;
  inset:-50% -20% auto auto;
  width:280px;
  height:280px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,190,12,.20), transparent 70%);
  pointer-events:none;
}
.qr-passport-top{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
  margin-bottom:14px;
  position:relative;
  z-index:1;
}
.qr-passport-top small{
  display:block;
  color:#ffbe0c;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:11px;
  margin-bottom:4px;
}
.qr-passport-top strong{
  display:block;
  font-size:22px;
  line-height:1.05;
}
.qr-passport-top > span{
  color:#111827;
  background:#ffbe0c;
  border-radius:999px;
  padding:7px 10px;
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
}
.qr-passport-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px;
  position:relative;
  z-index:1;
}
.qr-passport-grid div{
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  background:rgba(255,255,255,.06);
  padding:10px 12px;
  min-height:68px;
}
.qr-passport-grid b{
  display:block;
  color:#ffbe0c;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.09em;
  margin-bottom:5px;
}
.qr-passport-grid span{
  display:block;
  color:#fff;
  font-weight:800;
  font-size:13px;
  line-height:1.25;
}
.qr-passport-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:14px;
  position:relative;
  z-index:1;
}
.qr-passport-actions .primary-btn,
.qr-passport-actions .secondary-btn{
  min-height:46px;
  padding:12px 16px;
}
body.has-qr-profile .welcome-copy .lead:after{
  content:" Machine, customer, preferred blade and cutting profile were loaded from the scanned Bandsaw Blades UK machine passport.";
  color:#ffbe0c;
  font-weight:800;
}
@media(max-width:760px){
  .qr-passport-grid{grid-template-columns:1fr;}
  .qr-passport-top{display:block;}
  .qr-passport-top > span{display:inline-block;margin-top:10px;}
}

/* BladeAIQ QR Machine Passport v24 - AI briefing and recommendations */
.qr-passport-top strong em{
  color:#31d47c;
  font-style:normal;
  margin-left:4px;
  text-shadow:0 0 14px rgba(49,212,124,.65);
}
.qr-passport-top p{
  margin:8px 0 0;
  max-width:520px;
  color:#dce6f4;
  font-size:13px;
  line-height:1.45;
  font-weight:700;
}
.qr-loading-strip{
  position:relative;
  z-index:1;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 14px;
}
.qr-loading-strip span{
  border:1px solid rgba(49,212,124,.26);
  border-radius:999px;
  padding:7px 10px;
  background:rgba(49,212,124,.08);
  color:#dfffee;
  font-size:10px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.05em;
  animation:qrCheckIn .42s ease both;
}
.qr-loading-strip span:nth-child(2){animation-delay:.08s}
.qr-loading-strip span:nth-child(3){animation-delay:.16s}
.qr-loading-strip span:nth-child(4){animation-delay:.24s}
.qr-loading-strip span:nth-child(5){animation-delay:.32s}
@keyframes qrCheckIn{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:none}
}
.qr-ai-briefing{
  position:relative;
  z-index:1;
  margin-top:14px;
  padding:16px;
  border:1px solid rgba(255,190,12,.32);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(255,190,12,.12),rgba(255,255,255,.045));
  display:grid;
  grid-template-columns:minmax(0,1fr) 120px;
  gap:16px;
  align-items:center;
}
.qr-brief-main small,
.qr-rec-card small{
  display:block;
  color:#ffbe0c;
  font-size:10px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.09em;
  margin-bottom:5px;
}
.qr-brief-main strong{
  display:block;
  color:#fff;
  font-size:19px;
  line-height:1.15;
}
.qr-brief-main p{
  margin:7px 0 0;
  color:#ccd7e6;
  font-size:13px;
  line-height:1.45;
}
.qr-brief-score{
  display:grid;
  place-items:center;
  min-height:92px;
  border:1px solid rgba(255,190,12,.24);
  border-radius:16px;
  background:rgba(0,0,0,.22);
  text-align:center;
}
.qr-brief-score b{
  color:#ffbe0c;
  font-family:'Barlow Condensed',Inter,sans-serif;
  font-size:46px;
  line-height:.86;
}
.qr-brief-score span{
  color:#aeb8c6;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
}
.qr-recommendation-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}
.qr-rec-card{
  position:relative;
  min-height:172px;
  padding:16px 14px 14px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  background:rgba(255,255,255,.055);
  overflow:hidden;
}
.qr-rec-card:before{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:3px;
  background:#ffbe0c;
}
.qr-rec-card i{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:50%;
  background:#ffbe0c;
  color:#111827;
  font-style:normal;
  font-weight:950;
  margin-bottom:10px;
}
.qr-rec-card strong{
  display:block;
  color:#fff;
  font-size:15px;
  line-height:1.15;
}
.qr-rec-card p{
  margin:8px 0 12px;
  color:#c9d4e3;
  font-size:12px;
  line-height:1.42;
}
.qr-rec-card > b{
  display:inline-block;
  margin-top:auto;
  border-radius:999px;
  padding:6px 9px;
  color:#111827;
  background:#ffbe0c;
  font-size:10px;
  font-weight:950;
  text-transform:uppercase;
}
.qr-rec-card.upgrade:before{background:#ff3b3b}
.qr-rec-card.upgrade > b{background:#ff3b3b;color:#fff}
.qr-rec-card.maintenance:before{background:#31d47c}
.qr-rec-card.maintenance > b{background:#31d47c;color:#06120b}
.qr-rec-card.insight:before{background:#8b5cf6}
.qr-rec-card.insight > b{background:#8b5cf6;color:#fff}
.qr-machine-intelligence{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  margin-top:12px;
}
.qr-machine-intelligence div{
  border:1px solid rgba(255,255,255,.1);
  border-radius:14px;
  padding:12px 9px;
  text-align:center;
  background:rgba(0,0,0,.20);
}
.qr-machine-intelligence strong{
  display:block;
  color:#ffbe0c;
  font-size:22px;
  line-height:1;
}
.qr-machine-intelligence span{
  display:block;
  margin-top:5px;
  color:#aeb8c6;
  font-size:9px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
}
@media(max-width:1180px){
  .qr-recommendation-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .qr-machine-intelligence{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:760px){
  .qr-ai-briefing{grid-template-columns:1fr;}
  .qr-recommendation-grid{grid-template-columns:1fr;}
  .qr-machine-intelligence{grid-template-columns:1fr;}
}

/* BladeAIQ v25 QR polish - replaces raw text recommendations with compact premium cards */
.qr-intelligence-panel{
  position:relative;
  z-index:1;
  margin-top:14px;
  padding:14px;
  border:1px solid rgba(255,190,12,.28);
  border-radius:20px;
  background:
    radial-gradient(circle at 18% 0%, rgba(255,190,12,.13), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.06), rgba(0,0,0,.18));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.qr-panel-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) 108px;
  gap:14px;
  align-items:center;
  margin-bottom:12px;
}
.qr-panel-head small,
.qr-rec-kicker{
  display:block;
  color:#ffbe0c;
  font-size:10px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.1em;
  margin-bottom:5px;
}
.qr-panel-head strong{
  display:block;
  color:#fff;
  font-size:18px;
  line-height:1.12;
}
.qr-panel-head p{
  margin:5px 0 0;
  color:#cbd6e4;
  font-size:12px;
  line-height:1.4;
}
.qr-status-row{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-bottom:12px;
}
.qr-status-row span{
  display:flex;
  align-items:center;
  gap:7px;
  min-height:34px;
  padding:7px 9px;
  border:1px solid rgba(49,212,124,.22);
  border-radius:999px;
  background:rgba(49,212,124,.07);
  color:#e9fff3;
  font-size:10px;
  font-weight:900;
  white-space:nowrap;
}
.qr-status-row i{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:16px;
  height:16px;
  border-radius:50%;
  background:#31d47c;
  color:#06120b;
  font-style:normal;
  font-size:11px;
  font-weight:950;
}
.qr-rec-layout{
  display:grid;
  grid-template-columns:1.15fr 1fr 1fr;
  gap:10px;
}
.qr-feature-rec{
  position:relative;
  min-height:132px;
  padding:14px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  background:linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.025));
  box-shadow:0 14px 28px rgba(0,0,0,.18);
  overflow:hidden;
}
.qr-feature-rec:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  background:#ffbe0c;
}
.qr-feature-rec-upgrade:before{background:#ff3b3b;}
.qr-feature-rec-maintenance:before{background:#31d47c;}
.qr-feature-rec h3{
  margin:0;
  color:#fff;
  font-size:16px;
  line-height:1.15;
}
.qr-feature-rec p{
  margin:8px 0 12px;
  color:#c9d4e3;
  font-size:12px;
  line-height:1.38;
}
.qr-rec-meta{
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
  margin-top:auto;
}
.qr-rec-meta b{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:5px 8px;
  border-radius:999px;
  background:#ffbe0c;
  color:#111827;
  font-size:10px;
  font-weight:950;
  text-transform:uppercase;
}
.qr-feature-rec-upgrade .qr-rec-meta b{background:#ff3b3b;color:#fff;}
.qr-feature-rec-maintenance .qr-rec-meta b{background:#31d47c;color:#06120b;}
.qr-rec-meta span{
  color:#aeb8c6;
  font-size:10px;
  font-weight:800;
}
.qr-machine-intelligence-polished{
  margin-top:10px !important;
  padding-top:10px;
  border-top:1px solid rgba(255,255,255,.09);
}
.qr-machine-intelligence-polished div{
  background:rgba(0,0,0,.28) !important;
}
.qr-machine-intelligence-polished strong{
  font-size:19px !important;
}
@media(max-width:1180px){
  .qr-status-row{grid-template-columns:repeat(2,minmax(0,1fr));}
  .qr-rec-layout{grid-template-columns:1fr;}
}
@media(max-width:760px){
  .qr-panel-head{grid-template-columns:1fr;}
  .qr-status-row{grid-template-columns:1fr;}
}



/* BladeAIQ homepage two-image animated hero slider */
.bladeiq-hero-slider{
  position:relative;
  width:100%;
  aspect-ratio:1000 / 667;
  overflow:hidden;
  border-radius:24px;
  box-shadow:var(--shadow);
  background:#03070d;
  border:1px solid rgba(245,180,0,.18);
}

.bladeiq-hero-slide{
  position:absolute;
  inset:0;
  opacity:0;
  transform:scale(1.012);
  animation:bladeiqHeroFade 14s infinite ease-in-out;
  will-change:opacity,transform;
}

.bladeiq-hero-slide:nth-child(1){
  animation-delay:0s;
}

.bladeiq-hero-slide:nth-child(2){
  animation-delay:7s;
}

.bladeiq-hero-slide img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center center;
  transform:scale(1.01);
  animation:bladeiqHeroZoom 14s infinite ease-in-out;
  filter:contrast(1.03) saturate(1.05);
}

.bladeiq-hero-slide:nth-child(2) img{
  animation-delay:7s;
}

@keyframes bladeiqHeroFade{
  0%{opacity:0;transform:scale(1.012) translateX(10px);}
  8%{opacity:1;transform:scale(1.018) translateX(0);}
  42%{opacity:1;transform:scale(1.032) translateX(-8px);}
  50%{opacity:0;transform:scale(1.04) translateX(-14px);}
  100%{opacity:0;transform:scale(1.012) translateX(10px);}
}

@keyframes bladeiqHeroZoom{
  0%{transform:scale(1.01);}
  50%{transform:scale(1.045);}
  100%{transform:scale(1.01);}
}

@media (prefers-reduced-motion:reduce){
  .bladeiq-hero-slide,
  .bladeiq-hero-slide img{
    animation:none!important;
    transform:none!important;
  }
  .bladeiq-hero-slide:first-child{
    opacity:1;
  }
}

@media(max-width:700px){
  .bladeiq-hero-slider{
    border-radius:18px;
  }
}

/* v29 QR-first layout: when a machine passport is scanned, remove only the marketing image
   and stretch the customer's loaded machine intelligence across the available page width. */
.has-qr-profile .screen-welcome{
  align-items:start;
}
.has-qr-profile .welcome-grid{
  grid-template-columns:minmax(0, 1fr) !important;
  gap:18px !important;
  max-width:none !important;
  width:100% !important;
  margin:0 !important;
  align-items:start;
}
.has-qr-profile .welcome-copy{
  max-width:none !important;
  width:100% !important;
}
.has-qr-profile .device-showcase-premium,
.has-qr-profile .welcome-copy > .eyebrow,
.has-qr-profile .welcome-copy > h1,
.has-qr-profile .welcome-copy > h2,
.has-qr-profile .welcome-copy > .lead{
  display:none !important;
}
.has-qr-profile .qr-passport-card{
  width:100%;
  max-width:none;
  padding:18px;
  border-radius:20px;
}
.has-qr-profile .welcome-actions-compact{
  display:flex !important;
  margin-top:16px;
}
.has-qr-profile .metrics-row-premium{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  max-width:none;
  margin-top:14px;
}
.has-qr-profile .customer-brief-card{
  display:block !important;
  width:100%;
  max-width:none;
  margin-top:0;
}
.has-qr-profile .qr-passport-top{
  margin-bottom:14px;
}
.has-qr-profile .qr-passport-grid{
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px;
}
.has-qr-profile .qr-passport-grid div{
  min-height:74px;
}
.has-qr-profile .qr-intelligence-panel{
  margin-top:12px;
}
.has-qr-profile .qr-panel-head{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 118px;
  gap:16px;
  align-items:center;
}
.has-qr-profile .qr-status-row{
  grid-template-columns:repeat(4, minmax(0, 1fr));
}
.has-qr-profile .qr-rec-layout{
  grid-template-columns:repeat(3, minmax(0, 1fr));
}
.has-qr-profile .qr-machine-intelligence-polished{
  grid-template-columns:repeat(5, minmax(0, 1fr));
}
.qr-operations-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:10px;
  margin-top:12px;
}
.qr-ops-card{
  position:relative;
  overflow:hidden;
  min-height:160px;
  padding:16px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025));
}
.qr-ops-card:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg,var(--gold),rgba(245,180,0,.15));
}
.qr-ops-card small{
  display:block;
  color:var(--gold);
  font-size:11px;
  font-weight:950;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.qr-ops-card strong{
  display:block;
  margin-top:8px;
  color:#fff;
  font-size:26px;
  line-height:1.05;
}
.qr-ops-card-primary strong{
  color:var(--gold);
  font-family:'Barlow Condensed',Inter,sans-serif;
  font-size:54px;
}
.qr-ops-card span{
  display:block;
  margin-top:4px;
  color:#cdd8e6;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
}
.qr-ops-card p{
  margin:10px 0 0;
  color:#dce6f4;
  font-size:13px;
  line-height:1.45;
}
.qr-today-feed{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}
.qr-today-feed div{
  padding:14px;
  border:1px solid rgba(49,212,124,.28);
  border-radius:14px;
  background:rgba(49,212,124,.075);
}
.qr-today-feed b{
  display:block;
  color:#31d47c;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.qr-today-feed span{
  display:block;
  margin-top:5px;
  color:#eaf2fb;
  font-size:13px;
  line-height:1.4;
  font-weight:750;
}
.has-qr-profile .qr-passport-actions{
  margin-top:14px;
  padding-top:14px;
}
@media(max-width:1180px){
  .has-qr-profile .qr-passport-grid,
  .has-qr-profile .qr-status-row,
  .has-qr-profile .qr-rec-layout,
  .has-qr-profile .qr-machine-intelligence-polished,
  .qr-operations-grid,
  .qr-today-feed{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:700px){
  .has-qr-profile .qr-passport-grid,
  .has-qr-profile .qr-status-row,
  .has-qr-profile .qr-rec-layout,
  .has-qr-profile .qr-machine-intelligence-polished,
  .qr-operations-grid,
  .qr-today-feed{
    grid-template-columns:1fr;
  }
  .has-qr-profile .qr-panel-head{
    grid-template-columns:1fr;
  }
}


/* v32 main-page readability and spacing polish
   Only affects the welcome/main screen so guided question/result pages stay unchanged. */
.screen-welcome .welcome-return-card span,
.screen-welcome .welcome-return-card b,
.screen-welcome .qr-passport-card,
.screen-welcome .qr-passport-card p,
.screen-welcome .qr-passport-card span,
.screen-welcome .qr-passport-card b,
.screen-welcome .qr-passport-card small,
.screen-welcome .qr-intelligence-panel,
.screen-welcome .qr-intelligence-panel p,
.screen-welcome .qr-intelligence-panel span,
.screen-welcome .qr-intelligence-panel b,
.screen-welcome .qr-status-pill,
.screen-welcome .qr-rec-card p,
.screen-welcome .qr-rec-card span,
.screen-welcome .qr-machine-intelligence-polished span,
.screen-welcome .metrics-row span,
.screen-welcome .brief-tile span,
.screen-welcome .customer-brief-card p{
  font-size:calc(1em + 1px) !important;
}

.screen-welcome .qr-passport-grid b,
.screen-welcome .qr-passport-top small,
.screen-welcome .qr-rec-card small,
.screen-welcome .qr-machine-intelligence-polished small,
.screen-welcome .metrics-row span{
  letter-spacing:.075em;
}

.screen-welcome .qr-passport-grid span,
.screen-welcome .qr-rec-card strong,
.screen-welcome .qr-status-pill,
.screen-welcome .qr-panel-head p{
  line-height:1.35;
}

.screen-welcome .welcome-actions,
.screen-welcome .welcome-actions-compact{
  gap:28px !important;
  row-gap:18px !important;
  margin-top:28px !important;
  margin-bottom:22px !important;
}

.screen-welcome .welcome-actions .primary-btn,
.screen-welcome .welcome-actions .secondary-btn,
.screen-welcome .welcome-actions-compact .primary-btn,
.screen-welcome .welcome-actions-compact .secondary-btn{
  margin-right:0 !important;
  min-width:220px;
}

.screen-welcome .metrics-row,
.screen-welcome .metrics-row-premium{
  margin-top:22px !important;
}

.has-qr-profile .welcome-actions-compact{
  padding-top:8px;
  border-top:1px solid rgba(255,255,255,.08);
}

@media(max-width:700px){
  .screen-welcome .welcome-actions,
  .screen-welcome .welcome-actions-compact{
    gap:14px !important;
  }
  .screen-welcome .welcome-actions .primary-btn,
  .screen-welcome .welcome-actions .secondary-btn,
  .screen-welcome .welcome-actions-compact .primary-btn,
  .screen-welcome .welcome-actions-compact .secondary-btn{
    min-width:0;
  }
}


/* v32 final main-page text refinement: reduce previous oversize by 1px, main screen only. */
.screen-welcome .qr-status-pill,
.screen-welcome .qr-passport-grid span,
.screen-welcome .qr-rec-card p,
.screen-welcome .qr-rec-card span,
.screen-welcome .qr-machine-intelligence-polished span,
.screen-welcome .customer-brief-card p,
.screen-welcome .brief-tile span{
  font-size:calc(1em + 1px) !important;
}

.screen-welcome .qr-rec-card strong,
.screen-welcome .qr-passport-card p,
.screen-welcome .qr-intelligence-panel p{
  font-size:calc(1em + 1px) !important;
  line-height:1.32 !important;
}

.screen-welcome .qr-passport-grid b,
.screen-welcome .qr-rec-card small,
.screen-welcome .qr-machine-intelligence-polished small{
  font-size:calc(1em + 1px) !important;
}

/* Keep the improved guide button spacing from v30. */
.screen-welcome .welcome-actions,
.screen-welcome .welcome-actions-compact{
  gap:28px !important;
  row-gap:18px !important;
  margin-top:28px !important;
  margin-bottom:22px !important;
}


/* v33 REAL QR main-screen refinement
   The last build still looked unchanged because the browser can keep /css/bladeiq.css cached
   and earlier +1px rules were still winning. These exact QR-screen sizes load last and only
   affect the welcome/main QR dashboard, not guided steps, analysis or result screens. */
body.has-qr-profile .screen-welcome .welcome-return-card span{font-size:14px!important;line-height:1.2!important;}
body.has-qr-profile .screen-welcome .welcome-return-card b{font-size:15px!important;line-height:1.25!important;}
body.has-qr-profile .screen-welcome .qr-passport-top small{font-size:12px!important;letter-spacing:.10em!important;}
body.has-qr-profile .screen-welcome .qr-passport-top strong{font-size:21px!important;line-height:1.08!important;}
body.has-qr-profile .screen-welcome .qr-passport-top p{font-size:14px!important;line-height:1.35!important;}
body.has-qr-profile .screen-welcome .qr-passport-top > span{font-size:12px!important;}
body.has-qr-profile .screen-welcome .qr-loading-strip span{font-size:11px!important;line-height:1.1!important;padding:7px 10px!important;}
body.has-qr-profile .screen-welcome .qr-passport-grid b{font-size:12px!important;line-height:1.1!important;letter-spacing:.08em!important;}
body.has-qr-profile .screen-welcome .qr-passport-grid span{font-size:14px!important;line-height:1.22!important;}
body.has-qr-profile .screen-welcome .qr-panel-head small{font-size:12px!important;letter-spacing:.08em!important;}
body.has-qr-profile .screen-welcome .qr-panel-head strong{font-size:18px!important;line-height:1.12!important;}
body.has-qr-profile .screen-welcome .qr-panel-head p{font-size:13px!important;line-height:1.32!important;}
body.has-qr-profile .screen-welcome .qr-brief-score b{font-size:44px!important;}
body.has-qr-profile .screen-welcome .qr-brief-score span{font-size:10px!important;}
body.has-qr-profile .screen-welcome .qr-status-row span,
body.has-qr-profile .screen-welcome .qr-status-pill{font-size:12px!important;line-height:1.1!important;}
body.has-qr-profile .screen-welcome .qr-feature-rec h3{font-size:17px!important;line-height:1.14!important;}
body.has-qr-profile .screen-welcome .qr-feature-rec p{font-size:13px!important;line-height:1.32!important;}
body.has-qr-profile .screen-welcome .qr-rec-meta b{font-size:10px!important;}
body.has-qr-profile .screen-welcome .qr-rec-meta span{font-size:10px!important;}
body.has-qr-profile .screen-welcome .qr-machine-intelligence-polished strong{font-size:20px!important;}
body.has-qr-profile .screen-welcome .qr-machine-intelligence-polished span{font-size:10px!important;line-height:1.15!important;}
body.has-qr-profile .screen-welcome .metrics-row strong{font-size:23px!important;}
body.has-qr-profile .screen-welcome .metrics-row span{font-size:11px!important;}
body.has-qr-profile .screen-welcome .customer-brief-card p{font-size:15px!important;line-height:1.35!important;}
body.has-qr-profile .screen-welcome .brief-tile span{font-size:13px!important;line-height:1.32!important;}

body.has-qr-profile .screen-welcome .welcome-actions,
body.has-qr-profile .screen-welcome .welcome-actions-compact{gap:28px!important;row-gap:18px!important;margin-top:28px!important;margin-bottom:22px!important;}

/* v34: restore animated marketing slider on the regular main page.
   QR machine-passport mode still hides the marketing image so the customer's data owns the screen. */
body:not(.has-qr-profile) .device-showcase-premium{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}

body:not(.has-qr-profile) .bladeiq-hero-slider{
  display:block !important;
  position:relative !important;
  width:100% !important;
  aspect-ratio:1000 / 667 !important;
  overflow:hidden !important;
  border-radius:24px !important;
  border:1px solid rgba(245,180,0,.18) !important;
  background:#03070d !important;
  box-shadow:var(--shadow) !important;
}

body:not(.has-qr-profile) .bladeiq-hero-slide{
  position:absolute !important;
  inset:0 !important;
  opacity:0;
  animation:bladeiqHeroFadeV34 14s infinite ease-in-out !important;
  will-change:opacity,transform;
}

body:not(.has-qr-profile) .bladeiq-hero-slide:nth-child(1){
  animation-delay:0s !important;
}

body:not(.has-qr-profile) .bladeiq-hero-slide:nth-child(2){
  animation-delay:7s !important;
}

body:not(.has-qr-profile) .bladeiq-hero-slide img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center center !important;
  animation:bladeiqHeroZoomV34 14s infinite ease-in-out !important;
  filter:contrast(1.03) saturate(1.05);
}

body:not(.has-qr-profile) .bladeiq-hero-slide:nth-child(2) img{
  animation-delay:7s !important;
}

.has-qr-profile .device-showcase-premium{
  display:none !important;
}

@keyframes bladeiqHeroFadeV34{
  0%{opacity:0;transform:scale(1.012) translateX(10px);}
  8%{opacity:1;transform:scale(1.018) translateX(0);}
  42%{opacity:1;transform:scale(1.032) translateX(-8px);}
  50%{opacity:0;transform:scale(1.04) translateX(-14px);}
  100%{opacity:0;transform:scale(1.012) translateX(10px);}
}

@keyframes bladeiqHeroZoomV34{
  0%{transform:scale(1.01);}
  50%{transform:scale(1.045);}
  100%{transform:scale(1.01);}
}

@media (prefers-reduced-motion:reduce){
  body:not(.has-qr-profile) .bladeiq-hero-slide,
  body:not(.has-qr-profile) .bladeiq-hero-slide img{
    animation:none !important;
    transform:none !important;
  }
  body:not(.has-qr-profile) .bladeiq-hero-slide:first-child{
    opacity:1 !important;
  }
}


/* v35: JavaScript-controlled hero slider so it visibly rotates, not just CSS animation. */
body:not(.has-qr-profile) .bladeiq-hero-slider{
  display:block !important;
  position:relative !important;
  width:100% !important;
  aspect-ratio:1000 / 667 !important;
  overflow:hidden !important;
  border-radius:24px !important;
  border:1px solid rgba(245,180,0,.18) !important;
  background:#03070d !important;
  box-shadow:var(--shadow) !important;
}

body:not(.has-qr-profile) .bladeiq-hero-slide{
  position:absolute !important;
  inset:0 !important;
  opacity:0 !important;
  z-index:1 !important;
  transform:scale(1.03) translateX(18px) !important;
  transition:opacity 1.8s ease, transform 7s ease !important;
  animation:none !important;
  will-change:opacity,transform;
}

body:not(.has-qr-profile) .bladeiq-hero-slide.is-active{
  opacity:1 !important;
  z-index:3 !important;
  transform:scale(1.055) translateX(0) !important;
}

body:not(.has-qr-profile) .bladeiq-hero-slide img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center center !important;
  filter:contrast(1.03) saturate(1.05) !important;
  animation:none !important;
  transform:none !important;
}

.has-qr-profile .device-showcase-premium{
  display:none !important;
}


/* v36 final homepage hero slider fix
   Normal homepage: animated two-image slider.
   QR machine-passport mode: slider stays hidden so the page focuses on customer data. */
body:not(.has-qr-profile) .device-showcase-premium{
  display:block !important;
  position:relative !important;
}

body:not(.has-qr-profile) .bladeiq-hero-slider{
  display:block !important;
  position:relative !important;
  width:100% !important;
  aspect-ratio:1000 / 667 !important;
  overflow:hidden !important;
  border-radius:24px !important;
  border:1px solid rgba(245,180,0,.22) !important;
  background:#03070d !important;
  box-shadow:0 28px 80px rgba(0,0,0,.45) !important;
}

body:not(.has-qr-profile) .bladeiq-hero-slide{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  opacity:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  transform:scale(1.025) translate3d(18px,0,0) !important;
  transition:opacity 1.8s ease, transform 7s ease !important;
  will-change:opacity,transform !important;
}

body:not(.has-qr-profile) .bladeiq-hero-slide.is-active{
  opacity:1 !important;
  z-index:3 !important;
  transform:scale(1.055) translate3d(0,0,0) !important;
}

body:not(.has-qr-profile) .bladeiq-hero-slide img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center center !important;
  border-radius:0 !important;
  box-shadow:none !important;
  filter:contrast(1.03) saturate(1.05) !important;
}

body:not(.has-qr-profile) .bladeiq-hero-slide:nth-child(2){
  transform:scale(1.025) translate3d(-18px,0,0) !important;
}

body:not(.has-qr-profile) .bladeiq-hero-slide:nth-child(2).is-active{
  transform:scale(1.055) translate3d(0,0,0) !important;
}

.has-qr-profile .device-showcase-premium,
.has-qr-profile .bladeiq-hero-slider{
  display:none !important;
}


/* BladeAIQ Hero Slider v37 - HTML/CSS premium crossfade */
.bladeaiq-hero-slider-wrap{
  position:relative;
}

.bladeaiq-hero-slider{
  position:relative;
  width:100%;
  aspect-ratio: 16 / 9;
  min-height:420px;
  overflow:hidden;
  border-radius:24px;
  box-shadow:var(--shadow);
  background:#02050a;
  isolation:isolate;
}

.bladeaiq-hero-slide{
  position:absolute;
  inset:0;
  opacity:0;
  transform:scale(1.025) translateX(18px);
  transition:opacity 1.8s ease, transform 8s ease;
  z-index:1;
}

.bladeaiq-hero-slide.is-active{
  opacity:1;
  transform:scale(1.07) translateX(-18px);
  z-index:2;
}

.bladeaiq-hero-slide img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center center;
}

.bladeaiq-hero-slider::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:
    radial-gradient(circle at 75% 20%, rgba(245,180,0,.14), transparent 28%),
    linear-gradient(90deg, rgba(0,0,0,.08), transparent 42%, rgba(0,0,0,.12));
  mix-blend-mode:screen;
  opacity:.6;
}

.has-qr-profile .bladeaiq-hero-slider-wrap{
  display:none !important;
}

@media(max-width:1180px){
  .bladeaiq-hero-slider{
    min-height:320px;
  }
}

@media(max-width:700px){
  .bladeaiq-hero-slider{
    min-height:240px;
    border-radius:18px;
  }
}
/* End BladeAIQ Hero Slider */


/* === v38 QR landing polish === */

/* Reduce oversized text only on QR landing */
.has-qr-profile .qr-dashboard h1,
.has-qr-profile .qr-dashboard h2,
.has-qr-profile .qr-dashboard h3{font-size:92%!important;}
.has-qr-profile .qr-dashboard .card-title{font-size:95%!important;}
.has-qr-profile .qr-dashboard p,
.has-qr-profile .qr-dashboard li,
.has-qr-profile .qr-dashboard .stat-label{font-size:94%!important;line-height:1.45!important;}
.has-qr-profile .qr-dashboard .big-stat{font-size:90%!important;}

/* OR separator */
.has-qr-profile .welcome-actions{
position:relative;
padding-top:52px!important;
margin-top:26px!important;
}
.has-qr-profile .welcome-actions:before{
content:"— OR —  START A NEW BLADEAIQ ANALYSIS";
position:absolute;
top:8px;
left:50%;
transform:translateX(-50%);
padding:0 18px;
background:#111;
color:#ffc928;
font-weight:800;
font-size:15px;
letter-spacing:.08em;
text-transform:uppercase;
white-space:nowrap;
}
.has-qr-profile .welcome-actions:after{
content:"";
position:absolute;
top:19px;
left:0;right:0;
height:1px;
background:linear-gradient(90deg,transparent,#7f6720,#ffc928,#7f6720,transparent);
z-index:-1;
}


/* =========================================================
   BladeAIQ v40 Result Card Restore
   Restores the polished result cards: clean artwork, balanced
   text, matching card heights, graph cards aligned.
   Put last so it overrides old demo card experiments.
   ========================================================= */

.screen-result .decision-timeline{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:14px !important;
  margin:20px 0 26px !important;
  align-items:stretch !important;
}

.screen-result .decision-timeline > div{
  min-height:170px !important;
  border:1px solid rgba(255,255,255,.13) !important;
  border-radius:16px !important;
  background:
    radial-gradient(circle at 72% 76%, rgba(245,180,0,.08), transparent 42%),
    linear-gradient(145deg, rgba(10,22,38,.86), rgba(5,11,20,.76)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 14px 34px rgba(0,0,0,.24) !important;
  overflow:hidden !important;
  position:relative !important;
  padding:20px 18px 14px !important;
}

.screen-result .decision-timeline > div:before{
  display:none !important;
  content:none !important;
}

.screen-result .result-insight-card,
.screen-result .result-check-card{
  isolation:isolate !important;
}

.screen-result .result-insight-card .insight-icon,
.screen-result .result-check-card .check-icon{
  position:absolute !important;
  left:18px !important;
  top:18px !important;
  width:24px !important;
  height:24px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  z-index:8 !important;
  font-size:15px !important;
  font-weight:950 !important;
  line-height:1 !important;
  box-shadow:0 0 18px rgba(49,212,124,.32) !important;
}

.screen-result .result-insight-card .insight-icon.green,
.screen-result .result-check-card .check-icon{
  color:#041008 !important;
  background:#35dc63 !important;
}

.screen-result .result-insight-card .insight-icon.gold{
  color:#ffc400 !important;
  background:rgba(245,180,0,.14) !important;
  border:1px solid rgba(245,180,0,.56) !important;
  box-shadow:0 0 18px rgba(245,180,0,.22) !important;
}

.screen-result .result-insight-card b{
  position:relative !important;
  z-index:9 !important;
  display:block !important;
  margin:0 0 0 42px !important;
  padding:0 !important;
  color:#fff !important;
  font-size:12px !important;
  line-height:1.18 !important;
  font-weight:950 !important;
  letter-spacing:.035em !important;
  text-transform:uppercase !important;
  white-space:normal !important;
}

.screen-result .result-insight-card strong{
  position:relative !important;
  z-index:9 !important;
  display:block !important;
  margin:18px 0 0 42px !important;
  color:#fff !important;
  font-size:15px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
}

.screen-result .result-insight-card em{
  position:relative !important;
  z-index:9 !important;
  display:block !important;
  margin:4px 0 0 42px !important;
  color:#d8e3ef !important;
  font-size:13px !important;
  line-height:1.3 !important;
  font-style:normal !important;
  font-weight:500 !important;
}

/* Machine + material image cards: art sits neatly at bottom, not as a messy background */
.screen-result .result-insight-card.machine-card .machine-art,
.screen-result .result-insight-card.material-card .tube-art{
  position:absolute !important;
  left:55px !important;
  right:18px !important;
  bottom:10px !important;
  top:auto !important;
  width:auto !important;
  height:82px !important;
  min-height:0 !important;
  z-index:3 !important;
  opacity:1 !important;
  transform:none !important;
  background:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
  pointer-events:none !important;
}

.screen-result .result-insight-card.machine-card .machine-art:before,
.screen-result .result-insight-card.machine-card .machine-art:after,
.screen-result .result-insight-card.material-card .tube-art:before,
.screen-result .result-insight-card.material-card .tube-art:after,
.screen-result .result-insight-card.machine-card .machine-art span,
.screen-result .result-insight-card.material-card .tube-art span{
  display:none !important;
  content:none !important;
}

.screen-result .result-insight-card.machine-card .machine-art img,
.screen-result .result-insight-card.material-card .tube-art img{
  display:block !important;
  position:relative !important;
  inset:auto !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center bottom !important;
  padding:0 !important;
  margin:0 !important;
  transform:none !important;
  opacity:1 !important;
  filter:drop-shadow(0 14px 18px rgba(0,0,0,.46)) saturate(1.04) contrast(1.03) !important;
}

.screen-result .result-insight-card.machine-card .machine-art{
  height:78px !important;
  left:20px !important;
  right:22px !important;
  bottom:8px !important;
}

.screen-result .result-insight-card.material-card .tube-art{
  height:88px !important;
  left:36px !important;
  right:22px !important;
  bottom:6px !important;
}

/* Keep a soft readability wash on image cards */
.screen-result .result-insight-card.machine-card:after,
.screen-result .result-insight-card.material-card:after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  pointer-events:none !important;
  background:linear-gradient(180deg, rgba(5,10,18,.08) 0%, rgba(5,10,18,.04) 46%, rgba(5,10,18,.38) 100%) !important;
}

/* Graph cards restored */
.screen-result .graph-card strong{
  position:relative !important;
  z-index:9 !important;
  margin:8px 0 0 42px !important;
  color:#38ff73 !important;
  font-size:30px !important;
  line-height:.92 !important;
  font-family:Inter,Arial,sans-serif !important;
  font-weight:950 !important;
}

.screen-result .graph-gold strong{
  color:#ffc400 !important;
}

.screen-result .graph-card em{
  position:relative !important;
  z-index:9 !important;
  margin:4px 0 0 42px !important;
  color:#fff !important;
  font-size:13px !important;
}

.screen-result .graph-card:after{
  content:"" !important;
  position:absolute !important;
  left:22px !important;
  right:22px !important;
  bottom:12px !important;
  height:76px !important;
  border-radius:14px !important;
  z-index:2 !important;
  pointer-events:none !important;
  background:
    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(0,0,0,.10)) !important;
  background-size:100% 24px,44px 100%,100% 100% !important;
}

.screen-result .mini-result-graph,
.screen-result .mini-result-graph svg{
  display:none !important;
}

.screen-result .mini-result-graph-img{
  display:block !important;
  position:absolute !important;
  left:22px !important;
  right:22px !important;
  bottom:10px !important;
  width:calc(100% - 44px) !important;
  height:76px !important;
  object-fit:contain !important;
  object-position:center bottom !important;
  z-index:4 !important;
  opacity:1 !important;
  transform:translateY(2px) !important;
  filter:drop-shadow(0 9px 14px rgba(0,0,0,.35)) !important;
}

/* Bottom verified cards */
.screen-result .result-check-card{
  min-height:78px !important;
  padding:18px 16px 14px 58px !important;
}

.screen-result .result-check-card b{
  display:block !important;
  margin:0 0 7px 0 !important;
  color:#fff !important;
  font-size:13px !important;
  line-height:1.15 !important;
  text-transform:uppercase !important;
  font-weight:950 !important;
}

.screen-result .result-check-card em{
  display:block !important;
  color:#d8e3ef !important;
  font-size:13px !important;
  line-height:1.28 !important;
  font-style:normal !important;
}

@media(max-width:1180px){
  .screen-result .decision-timeline{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:700px){
  .screen-result .decision-timeline{
    grid-template-columns:1fr !important;
  }
  .screen-result .decision-timeline > div{
    min-height:158px !important;
  }
}
/* End BladeAIQ v40 Result Card Restore */


/* =========================================================
   BladeAIQ v41 Result Cards Clean Restore
   Strong reset for the result insight/check cards.
   ========================================================= */

.screen-result #decisionTimeline,
.screen-result .decision-timeline{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:14px !important;
  margin:22px 0 28px !important;
  align-items:stretch !important;
}

.screen-result #decisionTimeline > *,
.screen-result .decision-timeline > *{
  position:relative !important;
  min-height:150px !important;
  padding:18px 18px 16px 18px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:16px !important;
  background:linear-gradient(145deg,rgba(10,21,35,.92),rgba(5,12,22,.82)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 14px 32px rgba(0,0,0,.24) !important;
  overflow:hidden !important;
}

.screen-result #decisionTimeline > *:before,
.screen-result .decision-timeline > *:before,
.screen-result #decisionTimeline > *:after,
.screen-result .decision-timeline > *:after{
  content:none !important;
  display:none !important;
}

/* Top insight cards */
.screen-result .result-insight-card{
  display:block !important;
}

.screen-result .result-insight-card .insight-icon{
  position:absolute !important;
  left:18px !important;
  top:18px !important;
  width:24px !important;
  height:24px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  font-size:14px !important;
  font-weight:900 !important;
  z-index:5 !important;
}

.screen-result .result-insight-card .insight-icon.green{
  background:#35dc63 !important;
  color:#041008 !important;
}

.screen-result .result-insight-card .insight-icon.gold{
  background:rgba(245,180,0,.12) !important;
  border:1px solid rgba(245,180,0,.55) !important;
  color:#ffc400 !important;
}

.screen-result .result-insight-card b{
  display:block !important;
  margin:2px 0 0 42px !important;
  color:#fff !important;
  font-size:12px !important;
  line-height:1.15 !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  letter-spacing:.035em !important;
  white-space:normal !important;
  position:relative !important;
  z-index:6 !important;
}

.screen-result .result-insight-card strong{
  display:block !important;
  margin:16px 0 0 42px !important;
  color:#fff !important;
  font-size:15px !important;
  line-height:1.18 !important;
  font-weight:800 !important;
  position:relative !important;
  z-index:6 !important;
}

.screen-result .result-insight-card em{
  display:block !important;
  margin:4px 0 0 42px !important;
  color:#dbe6f4 !important;
  font-size:13px !important;
  line-height:1.25 !important;
  font-style:normal !important;
  position:relative !important;
  z-index:6 !important;
}

/* Put machine/material artwork in a clean centered band */
.screen-result .machine-card .machine-art,
.screen-result .material-card .tube-art{
  position:absolute !important;
  left:24px !important;
  right:24px !important;
  bottom:12px !important;
  height:72px !important;
  width:auto !important;
  z-index:4 !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
  pointer-events:none !important;
}

.screen-result .machine-card .machine-art img,
.screen-result .material-card .tube-art img{
  display:block !important;
  width:auto !important;
  height:72px !important;
  max-width:86% !important;
  object-fit:contain !important;
  object-position:center bottom !important;
  opacity:1 !important;
  transform:none !important;
  filter:drop-shadow(0 12px 16px rgba(0,0,0,.45)) !important;
}

.screen-result .material-card .tube-art{
  height:78px !important;
}
.screen-result .material-card .tube-art img{
  height:78px !important;
  max-width:78% !important;
}

/* Graph cards */
.screen-result .graph-card strong{
  margin-top:8px !important;
  color:#35ff72 !important;
  font-size:30px !important;
  line-height:.95 !important;
  font-weight:950 !important;
}
.screen-result .graph-gold strong{
  color:#ffc400 !important;
}
.screen-result .graph-card em{
  color:#fff !important;
  font-size:13px !important;
}

.screen-result .mini-result-graph-img{
  position:absolute !important;
  left:20px !important;
  right:20px !important;
  bottom:10px !important;
  width:calc(100% - 40px) !important;
  height:72px !important;
  display:block !important;
  object-fit:contain !important;
  object-position:center bottom !important;
  z-index:4 !important;
  opacity:1 !important;
}

/* Bottom check cards - stop overlapping text */
.screen-result .result-check-card{
  min-height:80px !important;
  padding:18px 16px 16px 58px !important;
  display:block !important;
}

.screen-result .result-check-card .check-icon{
  position:absolute !important;
  left:18px !important;
  top:18px !important;
  width:24px !important;
  height:24px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  background:#35dc63 !important;
  color:#041008 !important;
  font-size:14px !important;
  font-weight:950 !important;
  z-index:4 !important;
}

.screen-result .result-check-card b{
  display:block !important;
  margin:0 0 8px 0 !important;
  padding:0 !important;
  color:#fff !important;
  font-size:12px !important;
  line-height:1.15 !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  letter-spacing:.03em !important;
  white-space:normal !important;
}

.screen-result .result-check-card em{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  color:#dbe6f4 !important;
  font-size:13px !important;
  line-height:1.25 !important;
  font-style:normal !important;
  font-weight:500 !important;
  white-space:normal !important;
}

/* Keep the buttons away from the card grid */
.screen-result .result-actions{
  margin-top:22px !important;
}

@media(max-width:1180px){
  .screen-result #decisionTimeline,
  .screen-result .decision-timeline{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media(max-width:700px){
  .screen-result #decisionTimeline,
  .screen-result .decision-timeline{
    grid-template-columns:1fr !important;
  }
}
/* End BladeAIQ v41 Result Cards Clean Restore */

/* BladeAIQ v42 - Blade Passport / QR Code Result Button */
.blade-passport-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  color:#ffd24a !important;
  border-color:rgba(245,180,0,.58) !important;
  box-shadow:inset 0 0 24px rgba(245,180,0,.06), 0 18px 38px rgba(0,0,0,.18) !important;
}
.blade-passport-btn span{font-size:18px;line-height:1;color:#f5b400;}
.blade-passport-btn:hover{transform:translateY(-2px);border-color:rgba(245,180,0,.9) !important;box-shadow:0 18px 38px rgba(245,180,0,.18) !important;}

.modal.blade-passport-modal .modal-card{width:min(1040px,calc(100vw - 32px));background:linear-gradient(145deg,#06101d,#02060b);border-color:rgba(245,180,0,.45);box-shadow:0 28px 90px rgba(0,0,0,.72),0 0 75px rgba(245,180,0,.1);}
.blade-passport-wrap{color:#fff;}
.blade-passport-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin:0 0 20px;}
.blade-passport-head h2{margin:0;color:#f5b400;text-align:left;}
.blade-passport-head p{margin:4px 0 0;color:#e7eef9;}
.blade-passport-head strong{padding:11px 14px;border:1px solid rgba(245,180,0,.35);border-radius:999px;background:rgba(245,180,0,.11);color:#f8cf42;text-transform:uppercase;font-size:12px;white-space:nowrap;}
.blade-passport-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:18px;align-items:stretch;}
.blade-passport-card{position:relative;padding:24px;border:2px solid rgba(245,180,0,.74);border-radius:18px;background:radial-gradient(circle at 30% 0%,rgba(255,205,54,.16),transparent 35%),linear-gradient(145deg,#202225,#07090c);box-shadow:inset 0 0 42px rgba(255,255,255,.05),0 20px 55px rgba(0,0,0,.4);overflow:hidden;}
.blade-passport-card:before,.blade-passport-card:after{content:"";position:absolute;width:15px;height:15px;border-radius:50%;background:#101216;border:2px solid rgba(245,180,0,.38);box-shadow:inset 0 2px 5px rgba(0,0,0,.8);}
.blade-passport-card:before{left:12px;top:12px}.blade-passport-card:after{right:12px;top:12px}
.passport-metal-top{display:flex;align-items:center;gap:12px;margin:4px 0 18px;color:#f5b400;text-transform:uppercase;line-height:1.02;}
.gear-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#f5b400;color:#06080b;font-size:31px;box-shadow:0 0 30px rgba(245,180,0,.35);}
.passport-metal-top b{font-size:21px;letter-spacing:-.02em;}
.blade-passport-card h3{margin:0 0 14px;color:#f5b400;text-transform:uppercase;font-size:22px;letter-spacing:.02em;}
.blade-passport-card dl{display:grid;grid-template-columns:108px 1fr;gap:8px 10px;margin:0 0 14px;}
.blade-passport-card dt{color:#f5b400;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.05em;}
.blade-passport-card dd{margin:0;color:#fff;font-size:15px;font-weight:850;line-height:1.2;}
.passport-ready{margin:14px 0 10px;color:#f5b400;text-transform:uppercase;text-align:center;font-weight:950;letter-spacing:.04em;}
.blade-passport-qr{padding:10px;background:#fff;border:4px solid #f5b400;border-radius:10px;box-shadow:0 0 28px rgba(245,180,0,.24);}
.blade-passport-qr-svg{display:block;width:100%;height:auto;image-rendering:pixelated;}
.blade-passport-card small{display:block;margin-top:10px;color:#dce7f4;text-align:center;line-height:1.35;}
.blade-passport-info{display:grid;gap:12px;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:18px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.02));}
.blade-passport-info div{display:grid;grid-template-columns:42px 1fr;grid-template-areas:"icon title" "icon text";gap:2px 12px;padding:13px;border-radius:14px;background:rgba(4,9,16,.52);border:1px solid rgba(245,180,0,.13);}
.blade-passport-info i{grid-area:icon;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(245,180,0,.55);color:#f5b400;font-style:normal;font-weight:950;}
.blade-passport-info b{grid-area:title;color:#fff;text-transform:uppercase;font-size:13px;}
.blade-passport-info span{grid-area:text;color:#cdd8e7;line-height:1.35;font-size:13px;}
.blade-passport-info .passport-how{display:block;margin-top:auto;padding:16px;border-color:rgba(245,180,0,.34);background:rgba(245,180,0,.09);}
.blade-passport-info .passport-how b,.blade-passport-info .passport-how span{display:block;}
.blade-passport-info .passport-how span{margin-top:6px;}
.blade-passport-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:18px;}
.blade-passport-actions .primary-btn,.blade-passport-actions .secondary-btn{min-height:52px;}
@media(max-width:840px){.blade-passport-grid{grid-template-columns:1fr}.blade-passport-head{display:block}.blade-passport-head strong{display:inline-block;margin-top:10px}.blade-passport-actions{display:grid}.blade-passport-actions .primary-btn,.blade-passport-actions .secondary-btn{width:100%}}
@media print{
  body *{visibility:hidden !important;}
  .modal.blade-passport-modal,.modal.blade-passport-modal *{visibility:visible !important;}
  .modal.blade-passport-modal{position:static !important;display:block !important;padding:0 !important;background:#fff !important;backdrop-filter:none !important;}
  .modal.blade-passport-modal .modal-card{box-shadow:none !important;border:0 !important;width:100% !important;max-height:none !important;overflow:visible !important;padding:0 !important;background:#fff !important;}
  .modal-close,.blade-passport-head,.blade-passport-info,.blade-passport-actions{display:none !important;}
  .blade-passport-grid{display:block !important;}
  .blade-passport-card{visibility:visible !important;width:3.9in !important;margin:.2in auto !important;break-inside:avoid !important;-webkit-print-color-adjust:exact !important;print-color-adjust:exact !important;}
}
/* End BladeAIQ v42 - Blade Passport / QR Code Result Button */

/* =========================================================
   BladeAIQ v43 - Result Card Polish
   Fixes check icon/text overlap and makes machine/material artwork
   fit cleanly inside the boxes like the approved mockup.
   ========================================================= */
.screen-result #decisionTimeline,
.screen-result .decision-timeline{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:16px !important;
  margin:24px 0 26px !important;
  align-items:stretch !important;
}

.screen-result #decisionTimeline > *,
.screen-result .decision-timeline > *{
  position:relative !important;
  overflow:hidden !important;
  border:1px solid rgba(190,211,235,.17) !important;
  border-radius:16px !important;
  background:
    radial-gradient(circle at 35% 0%,rgba(22,64,104,.20),transparent 48%),
    linear-gradient(145deg,rgba(9,20,34,.95),rgba(4,11,20,.90)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 16px 34px rgba(0,0,0,.26) !important;
}

.screen-result .result-insight-card{
  min-height:172px !important;
  padding:22px 18px 16px 18px !important;
}

.screen-result .result-insight-card .insight-icon,
.screen-result .result-check-card .check-icon{
  position:absolute !important;
  left:18px !important;
  top:20px !important;
  width:28px !important;
  height:28px !important;
  min-width:28px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:999px !important;
  z-index:20 !important;
  font-size:15px !important;
  line-height:1 !important;
  font-weight:950 !important;
  box-shadow:0 0 18px rgba(49,220,99,.35) !important;
}

.screen-result .result-insight-card .insight-icon.green,
.screen-result .result-check-card .check-icon{
  background:#35dc63 !important;
  color:#031007 !important;
  border:0 !important;
}

.screen-result .result-insight-card .insight-icon.gold{
  background:rgba(245,180,0,.12) !important;
  color:#ffc400 !important;
  border:1px solid rgba(245,180,0,.6) !important;
  box-shadow:0 0 18px rgba(245,180,0,.2) !important;
}

.screen-result .result-insight-card b,
.screen-result .result-insight-card strong,
.screen-result .result-insight-card em{
  position:relative !important;
  z-index:22 !important;
  display:block !important;
  padding-left:42px !important;
  margin-left:0 !important;
  width:auto !important;
  max-width:100% !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
}

.screen-result .result-insight-card b{
  margin-top:1px !important;
  margin-bottom:14px !important;
  color:#fff !important;
  font-size:12px !important;
  line-height:1.18 !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  letter-spacing:.035em !important;
}

.screen-result .result-insight-card strong{
  margin-top:-10px !important;
  color:#fff !important;
  font-size:17px !important;
  line-height:1.16 !important;
  font-weight:850 !important;
}

.screen-result .result-insight-card em{
  margin-top:3px !important;
  color:#dbe6f4 !important;
  font-size:13px !important;
  line-height:1.25 !important;
  font-style:normal !important;
  font-weight:500 !important;
}

/* Large, clean artwork cards */
.screen-result .machine-card .machine-art,
.screen-result .material-card .tube-art{
  position:absolute !important;
  z-index:8 !important;
  left:18px !important;
  right:18px !important;
  bottom:10px !important;
  height:88px !important;
  width:auto !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:hidden !important;
  pointer-events:none !important;
}

.screen-result .machine-card .machine-art img,
.screen-result .material-card .tube-art img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center bottom !important;
  opacity:1 !important;
  transform:none !important;
  filter:drop-shadow(0 12px 16px rgba(0,0,0,.45)) saturate(1.06) contrast(1.04) !important;
}

.screen-result .machine-card .machine-art{
  left:20px !important;
  right:20px !important;
  bottom:8px !important;
  height:82px !important;
}

.screen-result .material-card .tube-art{
  left:26px !important;
  right:12px !important;
  bottom:8px !important;
  height:96px !important;
}

.screen-result .machine-card:after,
.screen-result .material-card:after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:auto 0 0 0 !important;
  height:58% !important;
  z-index:7 !important;
  pointer-events:none !important;
  background:linear-gradient(180deg,transparent 0%,rgba(2,7,14,.08) 22%,rgba(2,7,14,.12) 100%) !important;
}

/* Keep graph cards polished */
.screen-result .graph-card strong{
  margin-top:-10px !important;
  color:#35ff72 !important;
  font-size:31px !important;
  line-height:.95 !important;
  font-weight:950 !important;
}
.screen-result .graph-gold strong{color:#ffc400 !important;}
.screen-result .graph-card em{color:#fff !important;font-size:13px !important;}
.screen-result .mini-result-graph{display:none !important;}
.screen-result .mini-result-graph-img{
  position:absolute !important;
  z-index:9 !important;
  left:22px !important;
  right:22px !important;
  bottom:10px !important;
  width:calc(100% - 44px) !important;
  height:78px !important;
  display:block !important;
  object-fit:contain !important;
  object-position:center bottom !important;
  opacity:1 !important;
}

/* Bottom check cards: dedicated icon column so the check never covers text */
.screen-result .result-check-card{
  min-height:96px !important;
  padding:22px 18px 18px 64px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}

.screen-result .result-check-card .check-icon{
  top:24px !important;
  left:18px !important;
}

.screen-result .result-check-card b,
.screen-result .result-check-card em{
  position:relative !important;
  z-index:22 !important;
  display:block !important;
  margin-left:0 !important;
  padding-left:0 !important;
  white-space:normal !important;
}

.screen-result .result-check-card b{
  margin:0 0 8px 0 !important;
  color:#fff !important;
  font-size:12px !important;
  line-height:1.16 !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  letter-spacing:.035em !important;
}

.screen-result .result-check-card em{
  margin:0 !important;
  color:#dbe6f4 !important;
  font-size:14px !important;
  line-height:1.28 !important;
  font-style:normal !important;
  font-weight:500 !important;
}

/* Make the result buttons sit cleanly in one polished row on desktop. */
.screen-result .result-actions{
  display:grid !important;
  grid-template-columns:1.15fr .9fr .95fr 1.1fr 1.1fr !important;
  gap:14px !important;
  margin-top:20px !important;
}
.screen-result .result-actions button{
  width:100% !important;
  min-height:58px !important;
  padding:0 18px !important;
  white-space:nowrap !important;
}

@media(max-width:1280px){
  .screen-result .result-actions{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .screen-result .result-actions .blade-passport-btn{grid-column:auto !important;}
}
@media(max-width:1180px){
  .screen-result #decisionTimeline,
  .screen-result .decision-timeline{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:700px){
  .screen-result #decisionTimeline,
  .screen-result .decision-timeline,
  .screen-result .result-actions{grid-template-columns:1fr !important;}
  .screen-result .result-insight-card{min-height:170px !important;}
}
/* End BladeAIQ v43 Result Card Polish */


/* =========================================================
   BladeAIQ v45 - FINAL hard result-card image polish
   This block intentionally uses higher specificity than every
   older v19/v20/v43 block so the machine/material images cannot
   stay tiny or sit on top of the text.
   ========================================================= */
html body .screen.screen-result #decisionTimeline.decision-timeline,
html body .screen.screen-result .decision-timeline{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:18px !important;
  margin:28px 0 26px !important;
  align-items:stretch !important;
}

html body .screen.screen-result #decisionTimeline.decision-timeline > .result-insight-card,
html body .screen.screen-result .decision-timeline > .result-insight-card{
  position:relative !important;
  min-height:206px !important;
  padding:24px 22px 18px 22px !important;
  border-radius:18px !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 25% 0%,rgba(25,70,110,.24),transparent 48%),
    linear-gradient(145deg,rgba(7,20,34,.97),rgba(3,10,18,.94)) !important;
  border:1px solid rgba(184,207,235,.22) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 36px rgba(0,0,0,.28) !important;
}

html body .screen.screen-result #decisionTimeline.decision-timeline > .result-check-card,
html body .screen.screen-result .decision-timeline > .result-check-card{
  position:relative !important;
  min-height:104px !important;
  padding:24px 22px 20px 72px !important;
  border-radius:18px !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 25% 0%,rgba(25,70,110,.18),transparent 50%),
    linear-gradient(145deg,rgba(7,20,34,.97),rgba(3,10,18,.94)) !important;
  border:1px solid rgba(184,207,235,.20) !important;
}

html body .screen.screen-result #decisionTimeline.decision-timeline .insight-icon,
html body .screen.screen-result #decisionTimeline.decision-timeline .check-icon{
  position:absolute !important;
  left:22px !important;
  top:24px !important;
  width:28px !important;
  height:28px !important;
  min-width:28px !important;
  min-height:28px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  z-index:40 !important;
  line-height:1 !important;
  font-size:15px !important;
  font-weight:950 !important;
  margin:0 !important;
  transform:none !important;
}

html body .screen.screen-result #decisionTimeline.decision-timeline .insight-icon.green,
html body .screen.screen-result #decisionTimeline.decision-timeline .check-icon{
  background:#28e765 !important;
  color:#021107 !important;
  border:0 !important;
  box-shadow:0 0 24px rgba(40,231,101,.38) !important;
}

html body .screen.screen-result #decisionTimeline.decision-timeline .insight-icon.gold{
  background:rgba(245,180,0,.12) !important;
  color:#ffc400 !important;
  border:1px solid rgba(245,180,0,.72) !important;
  box-shadow:0 0 20px rgba(245,180,0,.22) !important;
}

html body .screen.screen-result #decisionTimeline.decision-timeline .result-insight-card > b,
html body .screen.screen-result #decisionTimeline.decision-timeline .result-insight-card > strong,
html body .screen.screen-result #decisionTimeline.decision-timeline .result-insight-card > em{
  position:relative !important;
  z-index:42 !important;
  display:block !important;
  padding-left:44px !important;
  margin-left:0 !important;
  width:auto !important;
  max-width:100% !important;
  overflow:visible !important;
  white-space:normal !important;
  text-overflow:clip !important;
}

html body .screen.screen-result #decisionTimeline.decision-timeline .result-insight-card > b{
  margin:1px 0 18px !important;
  color:#fff !important;
  font-size:13px !important;
  line-height:1.15 !important;
  font-weight:950 !important;
  letter-spacing:.035em !important;
  text-transform:uppercase !important;
}

html body .screen.screen-result #decisionTimeline.decision-timeline .result-insight-card > strong{
  margin:0 !important;
  color:#fff !important;
  font-size:19px !important;
  line-height:1.12 !important;
  font-weight:850 !important;
}

html body .screen.screen-result #decisionTimeline.decision-timeline .result-insight-card > em{
  margin:5px 0 0 !important;
  color:#e6edf7 !important;
  font-size:14px !important;
  line-height:1.25 !important;
  font-style:normal !important;
  font-weight:500 !important;
}

/* Big artwork, fixed independently from the text */
html body .screen.screen-result #decisionTimeline.decision-timeline .result-insight-card.machine-card .machine-art,
html body .screen.screen-result #decisionTimeline.decision-timeline .result-insight-card.material-card .tube-art{
  position:absolute !important;
  z-index:12 !important;
  display:block !important;
  overflow:visible !important;
  pointer-events:none !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
}

html body .screen.screen-result #decisionTimeline.decision-timeline .result-insight-card.machine-card .machine-art{
  left:56px !important;
  right:14px !important;
  bottom:12px !important;
  height:102px !important;
  width:auto !important;
}

html body .screen.screen-result #decisionTimeline.decision-timeline .result-insight-card.material-card .tube-art{
  left:88px !important;
  right:10px !important;
  bottom:9px !important;
  height:116px !important;
  width:auto !important;
}

html body .screen.screen-result #decisionTimeline.decision-timeline .result-insight-card.machine-card .machine-art img,
html body .screen.screen-result #decisionTimeline.decision-timeline .result-insight-card.material-card .tube-art img{
  position:static !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  min-width:0 !important;
  min-height:0 !important;
  object-fit:contain !important;
  object-position:center bottom !important;
  opacity:1 !important;
  transform:none !important;
  filter:drop-shadow(0 16px 18px rgba(0,0,0,.52)) saturate(1.08) contrast(1.06) !important;
}

html body .screen.screen-result #decisionTimeline.decision-timeline .result-insight-card.material-card .tube-art img{
  object-position:right bottom !important;
}

html body .screen.screen-result #decisionTimeline.decision-timeline .result-insight-card.graph-card .mini-result-graph{display:none !important;}
html body .screen.screen-result #decisionTimeline.decision-timeline .result-insight-card.graph-card .mini-result-graph-img{
  position:absolute !important;
  z-index:14 !important;
  left:24px !important;
  right:22px !important;
  bottom:16px !important;
  width:calc(100% - 46px) !important;
  height:94px !important;
  display:block !important;
  object-fit:contain !important;
  object-position:center bottom !important;
  opacity:1 !important;
  max-width:none !important;
  max-height:none !important;
}

html body .screen.screen-result #decisionTimeline.decision-timeline .result-insight-card.graph-card > strong{
  font-size:34px !important;
  line-height:1 !important;
  margin-top:-10px !important;
  color:#28f36c !important;
}
html body .screen.screen-result #decisionTimeline.decision-timeline .result-insight-card.graph-gold > strong{color:#ffc400 !important;}

html body .screen.screen-result #decisionTimeline.decision-timeline .result-check-card > b,
html body .screen.screen-result #decisionTimeline.decision-timeline .result-check-card > em{
  position:relative !important;
  z-index:42 !important;
  display:block !important;
  padding-left:0 !important;
  margin-left:0 !important;
  max-width:100% !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
}
html body .screen.screen-result #decisionTimeline.decision-timeline .result-check-card > b{
  margin:0 0 9px !important;
  color:#fff !important;
  font-size:13px !important;
  line-height:1.15 !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  letter-spacing:.035em !important;
}
html body .screen.screen-result #decisionTimeline.decision-timeline .result-check-card > em{
  margin:0 !important;
  color:#e6edf7 !important;
  font-size:15px !important;
  line-height:1.26 !important;
  font-style:normal !important;
  font-weight:500 !important;
}

html body .screen.screen-result .result-actions{
  display:grid !important;
  grid-template-columns:1.14fr .9fr .92fr 1.1fr 1.12fr !important;
  gap:14px !important;
  margin-top:24px !important;
  align-items:stretch !important;
}
html body .screen.screen-result .result-actions button{
  width:100% !important;
  min-height:58px !important;
  white-space:nowrap !important;
}

@media(max-width:1180px){
  html body .screen.screen-result #decisionTimeline.decision-timeline{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:700px){
  html body .screen.screen-result #decisionTimeline.decision-timeline,
  html body .screen.screen-result .result-actions{grid-template-columns:1fr !important;}
}
/* End BladeAIQ v45 */


/* v46 text-only card polish */
.result-card h3,
.card h3,
.machine-card h3,
.material-card h3{
font-size:15px !important;
line-height:1.15 !important;
margin:0 0 4px 0 !important;
}
.result-card .card-title,
.result-card .title{
font-size:12px !important;
letter-spacing:.4px !important;
}
.result-card p,
.result-card .desc,
.result-card .subtext,
.result-card small{
font-size:12px !important;
line-height:1.25 !important;
}
.result-card .text,
.machine-card .text,
.material-card .text{
padding-left:6px !important;
}
.status-card h3{font-size:13px!important;}
.status-card p{font-size:12px!important;}


/* v48 REAL FIX: result cards are rendered by js/bladeiq.js after analysis.
   Text-only typography change. Image rules are intentionally untouched. */
.decision-timeline .result-insight-card .card-text{
  position:relative !important;
  z-index:30 !important;
  margin-left:-2px !important;
  margin-top:-6px !important;
  padding-left:0 !important;
  max-width:52% !important;
  pointer-events:none !important;
}
.decision-timeline .result-insight-card .card-text b{
  display:block !important;
  font-size:12px !important;
  line-height:1.05 !important;
  font-weight:800 !important;
  letter-spacing:.02em !important;
  margin:0 0 6px 0 !important;
  padding:0 !important;
}
.decision-timeline .result-insight-card .card-text strong{
  display:block !important;
  font-size:10.5px !important;
  line-height:1.08 !important;
  font-weight:700 !important;
  margin:0 0 2px 0 !important;
  padding:0 !important;
}
.decision-timeline .result-insight-card .card-text em{
  display:block !important;
  font-size:9.5px !important;
  line-height:1.08 !important;
  font-style:normal !important;
  margin:0 !important;
  padding:0 !important;
  opacity:.86 !important;
}

/* Fallback: if any old markup is still cached/server-rendered without .card-text,
   these direct-child rules still shrink the text. */
.decision-timeline .result-insight-card > b{
  display:block !important;
  font-size:12px !important;
  line-height:1.05 !important;
  font-weight:800 !important;
  margin:0 0 6px -2px !important;
  padding:0 !important;
  max-width:52% !important;
  position:relative !important;
  z-index:30 !important;
}
.decision-timeline .result-insight-card > strong{
  display:block !important;
  font-size:10.5px !important;
  line-height:1.08 !important;
  font-weight:700 !important;
  margin:0 0 2px -2px !important;
  padding:0 !important;
  max-width:52% !important;
  position:relative !important;
  z-index:30 !important;
}
.decision-timeline .result-insight-card > em{
  display:block !important;
  font-size:9.5px !important;
  line-height:1.08 !important;
  font-style:normal !important;
  margin:0 0 0 -2px !important;
  padding:0 !important;
  max-width:52% !important;
  position:relative !important;
  z-index:30 !important;
  opacity:.86 !important;
}


/* BladeAIQ v49 - REAL card text alignment fix
   Text only: wraps machine card text like material card, moves text off icons,
   and keeps all images exactly as they are. */
.screen-result .result-insight-card.machine-card .card-text,
.screen-result .result-insight-card.material-card .card-text{
  position:relative !important;
  z-index:12 !important;
  margin-left:22px !important;
  margin-top:-10px !important;
  padding-left:0 !important;
  max-width:48% !important;
  pointer-events:none !important;
}

.screen-result .result-insight-card.machine-card .card-text b,
.screen-result .result-insight-card.material-card .card-text b{
  display:block !important;
  margin:0 0 7px 0 !important;
  padding:0 !important;
  color:#fff !important;
  font-size:11px !important;
  line-height:1.05 !important;
  font-weight:900 !important;
  letter-spacing:.025em !important;
  text-transform:uppercase !important;
  white-space:normal !important;
}

.screen-result .result-insight-card.machine-card .card-text strong,
.screen-result .result-insight-card.material-card .card-text strong{
  display:block !important;
  margin:0 0 2px 0 !important;
  padding:0 !important;
  color:#fff !important;
  font-size:13px !important;
  line-height:1.05 !important;
  font-weight:800 !important;
  white-space:normal !important;
}

.screen-result .result-insight-card.machine-card .card-text em,
.screen-result .result-insight-card.material-card .card-text em{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  color:#d8e3ef !important;
  font-size:11px !important;
  line-height:1.08 !important;
  font-style:normal !important;
  font-weight:500 !important;
  white-space:normal !important;
}

/* Kill inherited direct tag spacing only inside the new text wrapper. */
.screen-result .result-insight-card .card-text > b,
.screen-result .result-insight-card .card-text > strong,
.screen-result .result-insight-card .card-text > em{
  position:relative !important;
  z-index:12 !important;
  left:auto !important;
  top:auto !important;
}


/* BladeAIQ v51 - REAL top card cleanup
   Fixes the actual JS-rendered cards: removes machine/material leading icons,
   moves text left, keeps the images untouched except machine card image shifts right. */
html body .screen-result #decisionTimeline.decision-timeline .result-insight-card.machine-card.clean-visual-card > .insight-icon,
html body .screen-result #decisionTimeline.decision-timeline .result-insight-card.material-card.clean-visual-card > .insight-icon{
  display:none !important;
}

html body .screen-result #decisionTimeline.decision-timeline .result-insight-card.machine-card.clean-visual-card .card-text,
html body .screen-result #decisionTimeline.decision-timeline .result-insight-card.material-card.clean-visual-card .card-text{
  position:relative !important;
  z-index:40 !important;
  margin-left:0 !important;
  margin-top:-10px !important;
  padding-left:0 !important;
  max-width:48% !important;
  transform:none !important;
  pointer-events:none !important;
}

html body .screen-result #decisionTimeline.decision-timeline .result-insight-card.machine-card.clean-visual-card .card-text b,
html body .screen-result #decisionTimeline.decision-timeline .result-insight-card.material-card.clean-visual-card .card-text b{
  display:block !important;
  margin:0 0 11px 0 !important;
  padding:0 !important;
  color:#fff !important;
  font-size:12px !important;
  line-height:1.05 !important;
  font-weight:900 !important;
  letter-spacing:.02em !important;
  text-transform:uppercase !important;
  white-space:normal !important;
}

html body .screen-result #decisionTimeline.decision-timeline .result-insight-card.machine-card.clean-visual-card .card-text strong,
html body .screen-result #decisionTimeline.decision-timeline .result-insight-card.material-card.clean-visual-card .card-text strong{
  display:block !important;
  margin:0 0 4px 0 !important;
  padding:0 !important;
  color:#fff !important;
  font-size:14px !important;
  line-height:1.10 !important;
  font-weight:800 !important;
  white-space:normal !important;
}

html body .screen-result #decisionTimeline.decision-timeline .result-insight-card.machine-card.clean-visual-card .card-text em,
html body .screen-result #decisionTimeline.decision-timeline .result-insight-card.material-card.clean-visual-card .card-text em{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  color:#d8e3ef !important;
  font-size:12px !important;
  line-height:1.1 !important;
  font-style:normal !important;
  font-weight:500 !important;
  white-space:normal !important;
}

/* Only machine image: nudge right so it no longer covers the text. */
html body .screen-result #decisionTimeline.decision-timeline .result-insight-card.machine-card.clean-visual-card .machine-art{
  right:-6px !important;
  left:auto !important;
  transform:none !important;
}
html body .screen-result #decisionTimeline.decision-timeline .result-insight-card.machine-card.clean-visual-card .machine-art img{
  object-position:right bottom !important;
}