/* Shared premium presentation, loaded after utility styles on every public page. */
:root{--mb-ink:#1a1a1a;--mb-accent:#ffcd11;--mb-paper:#f5f5f5;--mb-line:#e0e0e0}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{background:var(--mb-paper)!important;font-family:var(--mb-font-body);overflow-x:clip}
::selection{background:#ffcd11;color:#1a1a1a}
h1,h2,h3{letter-spacing:.01em;word-spacing:normal;text-wrap:balance;text-transform:uppercase}.kb-prose h2,.kb-prose h3{text-transform:none}
h1{font-weight:600!important;line-height:1.05!important}h2{line-height:1.15!important}p{ text-wrap:pretty }
.mb-navigation{top:16px;left:24px;width:calc(100% - 48px);border:1px solid #ffffff65;border-radius:18px;background:#fffffff2;box-shadow:0 8px 40px #00000010;transition:background .25s,box-shadow .25s}
.mb-navigation>div:first-child{max-width:1400px}.mb-navigation .h-20{height:76px}.mb-navigation .mb-wordmark{font-size:23px;letter-spacing:.02em}.mb-navigation a.rounded-full{border-radius:10px;background:#1a1a1a;font-size:13px;padding:13px 21px;text-transform:uppercase;letter-spacing:.05em}.mb-navigation a.rounded-full:hover{background:#ffcd11;color:#000}
.mb-scrolled .mb-navigation{background:#fffffff7;box-shadow:0 8px 35px #00000020}.dropdown-menu{left:auto;right:0;margin-top:0;border-radius:14px!important}#mobile-menu{border-radius:0 0 18px 18px;max-height:calc(100dvh - 112px);overscroll-behavior:contain}
.mb-watermark{position:fixed;inset:0;pointer-events:none;z-index:40;background:url('brand/middlebolt-emblem.webp') no-repeat right -65px center;background-size:min(47vw,620px);opacity:0;transition:opacity .6s;mix-blend-mode:multiply}.mb-scrolled .mb-watermark{opacity:.035}
.mb-skip{position:fixed;top:-100px;left:30px;z-index:100;background:#fff;padding:14px 22px;border-radius:8px}.mb-skip:focus{top:20px}
.hero-bg,#main-content>section:first-child{background-color:#1a1a1a!important;background-image:radial-gradient(ellipse at 90% 20%,#ffcd1118,transparent 50%),linear-gradient(120deg,#0d0d0d,#262626)!important}
.hero-bg{padding-bottom:90px;isolation:isolate}.hero-bg:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent)}
.hero-bg>div.absolute{opacity:.05}.hero-bg h1{font-size:clamp(2.4rem,5.4vw,4.9rem)}.hero-bg h1 span,.hero-bg .gradient-text{background:none!important;-webkit-text-fill-color:#ffcd11;color:#ffcd11!important}.hero-bg .text-blue-100,.hero-bg .text-primary-100{color:#ffe38a}.hero-bg .glass-card{border-color:#ffcd1140;border-radius:8px;letter-spacing:.15em}
.hero-bg a.bg-primary-600{background:var(--mb-accent)!important;color:#1a1a1a!important;box-shadow:0 8px 24px #0002}.hero-bg a.bg-slate-800{background:#ffffff08!important;border-color:#ffffff30}
a.rounded-full:not(.mb-lockup),button.rounded-full{border-radius:10px}a,button{touch-action:manipulation}a[class*='px-8'][class*='py-4']{font-size:15px;min-height:52px}
section.bg-white{background:#ffffffb8}section.border-y{border-color:var(--mb-line)}section[id]{scroll-margin-top:110px}
section h2.text-5xl,section h2.md\:text-5xl{font-size:clamp(2.25rem,4vw,3.75rem)}
section article.rounded-3xl,section .grid>div.rounded-3xl,section .grid>div.rounded-2xl,section .grid>li.rounded-3xl{border-radius:16px;border:1px solid var(--mb-line);box-shadow:0 8px 30px #1a1a1a04;transition:transform .25s,box-shadow .25s,border-color .25s}
section article.rounded-3xl:hover,section .grid>li.rounded-3xl:hover{transform:translateY(-4px);border-color:#e6b800;box-shadow:0 16px 35px #1a1a1a09}
#industries a{border-radius:12px;background:#ffffffb8;padding:20px;box-shadow:none}#industries a:hover{background:#fff;transform:translateY(-3px)}#industries a>span:first-child{background:#f0f0f0;color:#7a5c00;border-radius:10px}#industries a>span.flex-1{font-size:14px;font-weight:600}
#features article>span{background:#fff6cc;border-radius:12px}#features article{padding:32px}#features h3{font-weight:700}section p.uppercase{font-size:11px;letter-spacing:.19em;color:#7a5c00}
.faq-item{border:1px solid var(--mb-line)!important;border-radius:12px!important;box-shadow:none!important;background:#ffffffc9;margin-bottom:12px}.faq-item.active .faq-answer{max-height:none!important}.faq-item button{text-align:left;line-height:1.55}
footer{position:relative;background:#000000!important;border-top:3px solid #ffcd11;padding-top:72px!important}footer h2{font-size:14px;letter-spacing:0}footer p,footer li,footer address{line-height:1.8}footer .mb-wordmark{font-size:18px}footer a:hover{color:#ffd84d}
nav[aria-label='Breadcrumb']{padding-top:116px;background:var(--mb-paper);border-bottom:1px solid var(--mb-line)}
.kb-prose{line-height:1.9}.kb-prose h2{letter-spacing:0}.kb-prose .kb-note{background:#fff8dc;border-color:#ffcd11}body:has(.kb-prose) main{max-width:900px}body:has(.kb-prose) main>article{padding:clamp(20px,4vw,54px);border:1px solid var(--mb-line);border-radius:20px;background:#ffffffe8}
#kb-search{border-radius:14px;font-size:16px}.glass-search{background:#fff}#kb-search-btn{background:#1a1a1a;border-radius:9px}#chatbot-window{max-width:calc(100vw - 24px);max-height:calc(100dvh - 110px)}
.mb-home-hero>div.relative{padding-top:170px;padding-bottom:124px;gap:60px}.mb-home-hero h1{font-size:clamp(2.7rem,4.8vw,4.6rem);letter-spacing:.005em}.mb-home-hero h1 span{color:#ffcd11}.mb-home-hero p.mt-6{font-size:17px;line-height:1.8;max-width:510px}.mb-home-hero p.inline-flex{border:0;background:none;padding:0;color:#ffcd11;font-size:10px;letter-spacing:.18em}.mb-home-hero .mb-hero-glow{opacity:.25}.mb-home-hero ul{font-size:11px;gap:16px}
.mb-console{position:relative;width:100%;color:#1a1a1a;background:#f7f7f7;border:1px solid #ffffff45;border-radius:18px;box-shadow:0 35px 80px #0004;transform:rotate(-1deg);overflow:hidden}.mb-console-top{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;background:#fff;border-bottom:1px solid #e5e5e5;font-size:11px}.mb-console-brand{font-weight:800;letter-spacing:.1em}.mb-live{color:#55715e;font-size:10px}.mb-live:before{content:'';display:inline-block;width:6px;height:6px;background:#75a77b;border-radius:50%;margin-right:6px}.mb-console-content{padding:26px}.mb-console-label{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#757575}.mb-console-title{font-size:24px;letter-spacing:0;margin:6px 0 22px;font-weight:700}.mb-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mb-metric{border:1px solid #e0e0e0;background:white;padding:15px 12px;border-radius:9px}.mb-metric strong{display:block;font-size:25px;letter-spacing:0}.mb-metric span{font-size:10px;color:#666666}.mb-schedule{margin-top:24px}.mb-schedule-head{display:flex;justify-content:space-between;font-size:11px;font-weight:700;margin-bottom:12px}.mb-job{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:15px 0;border-top:1px solid #e5e5e5}.mb-job-icon{background:#fff3c4;border-radius:8px;display:grid;place-items:center;height:34px;color:#7a5c00}.mb-job strong{display:block;font-size:11px}.mb-job small{font-size:10px;color:#757575}.mb-status{font-size:9px;padding:5px 8px;border-radius:5px;background:#e9efdf;color:#537040}.mb-status.amber{background:#fff3c4;color:#7a5c00}.mb-console-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:15px;padding:13px;border-radius:8px;background:#1a1a1a;color:white;font-size:10px}.mb-console-bottom span:last-child{color:#ffcd11}.mb-preview-caption{color:#a3a3a3;font-size:10px;text-align:center;margin-top:18px;letter-spacing:.07em}
@media(min-width:768px) and (max-width:1100px){.mb-navigation .hidden.md\:flex{display:none}.mb-navigation .md\:hidden:not(#mobile-menu){display:flex}#mobile-menu:not(.hidden){display:block}.mb-navigation .mb-wordmark{font-size:20px}}
@media(max-width:767px){.mb-navigation{top:10px;left:12px;width:calc(100% - 24px);border-radius:12px}.mb-navigation .h-20{height:64px}.mb-navigation .mb-wordmark{font-size:18px}.mb-navigation .mb-lockup__mark{height:36px}.mb-home-hero>div.relative{padding-top:124px;padding-bottom:88px;gap:42px}.mb-home-hero h1{font-size:clamp(2.5rem,9.5vw,3.8rem)}.mb-home-hero p.mt-6{font-size:16px}.mb-console{transform:none}.mb-console-content{padding:18px}.mb-watermark{background-size:85vw;background-position:100px center}.mb-scrolled .mb-watermark{opacity:.025}.hero-bg{padding-top:118px;padding-bottom:64px}.hero-bg h1{font-size:clamp(2.15rem,8.5vw,3.5rem)}.hero-bg p{font-size:16px}section.py-24,section.py-20{padding-top:64px;padding-bottom:64px}section .p-10{padding:24px}.grid>*{min-width:0}footer .grid{gap:36px}footer .mb-wordmark{font-size:20px}nav[aria-label='Breadcrumb']{padding-top:96px}.kb-prose table{font-size:13px}#kb-search{padding-right:104px;padding-left:42px;font-size:13px}#kb-search-btn{padding:12px;font-size:12px}#kb-search::placeholder{color:#666666}body:has(.kb-prose) main{padding-left:12px;padding-right:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.mb-console{transform:none}}
@media print{.mb-navigation,.mb-watermark,.mb-skip,#chatbot-window{display:none!important}body{background:white!important}}

/* Locally hosted maintenance photograph; decorative so the heading stays the accessible content. */
.mb-home-hero .mb-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}
.mb-home-hero .mb-hero-photo-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.89) 0%,rgba(0,0,0,.77) 46%,rgba(0,0,0,.45) 100%),linear-gradient(0deg,rgba(0,0,0,.62),transparent 45%);pointer-events:none}
.mb-home-hero .mb-hero-glow{display:none}
@media(max-width:767px){.mb-home-hero .mb-hero-photo{object-position:72% top}.mb-home-hero .mb-hero-photo-shade{background:linear-gradient(180deg,rgba(0,0,0,.78),rgba(0,0,0,.86) 60%,rgba(0,0,0,.94))}}
@media(max-width:767px){.mb-home-hero .mb-hero-photo{height:850px;object-position:76% top}.mb-home-hero .mb-hero-photo-shade{background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(0,0,0,.84) 600px,#0d0d0d 850px)}}

/* Hero carousel controls remain above the decorative photos and shade. */
.mb-home-hero .mb-hero-photo{opacity:0;transition:opacity 1.2s ease}
.mb-home-hero .mb-hero-photo.is-active{opacity:1}
.mb-carousel-controls{position:absolute;bottom:62px;left:max(32px,calc((100% - 1216px)/2));z-index:2;display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid #ffffff30;border-radius:12px;background:#0d0d0dc9;color:#fff}
.mb-carousel-controls[hidden]{display:none}
.mb-carousel-controls button{display:grid;place-items:center;min-width:40px;height:40px;border-radius:8px;color:#fff;background:transparent;border:1px solid transparent;cursor:pointer}
.mb-carousel-controls button:hover{background:#ffffff15}.mb-carousel-controls button[aria-pressed='true']{color:#ffcd11;border-color:#ffcd1180;background:#ffcd1115}
.mb-carousel-controls .mb-carousel-label{font-size:11px;min-width:135px;margin:0 10px;letter-spacing:.03em}
@media(max-width:767px){.mb-carousel-controls{bottom:52px;left:16px;right:16px;justify-content:center;gap:3px;padding:5px}.mb-carousel-controls .mb-carousel-label{min-width:0;font-size:10px;margin:0 5px}.mb-carousel-controls button{min-width:34px}.mb-home-hero>div.relative{padding-bottom:132px}}

/* Product-first homepage: one message, one video, and a clear industry directory. */
#main-content>section.mb-intro:first-child{background:#1a1a1a!important;color:#fff;padding:150px 32px 0}
.mb-intro-layout{max-width:1216px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center;padding-bottom:56px}
.mb-intro-eyebrow{font-size:10px;letter-spacing:.16em;color:#ffcd11;margin:0 0 22px;font-weight:600}
.mb-intro h1{font-size:clamp(40px,4.4vw,68px);line-height:1.04!important;letter-spacing:.005em;max-width:640px;margin:0;text-wrap:initial}
.mb-intro h1 span{color:#ffcd11}.mb-intro-description{font-size:16px;line-height:1.8;color:#cccccc;max-width:515px;margin:24px 0 28px}
.mb-intro-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.mb-intro-primary{display:inline-flex;gap:24px;align-items:center;padding:16px 23px;background:#ffcd11;color:#1a1a1a;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-radius:8px;min-height:52px}.mb-intro-primary:hover{background:#ffd84d}.mb-intro-secondary{display:inline-flex;align-items:center;gap:12px;font-size:14px;color:#fff;border-bottom:1px solid #ffffff55;padding:12px 0}.mb-intro-secondary:hover{color:#ffcd11}.mb-intro-note{font-size:11px;color:#b3b3b3;margin-top:20px}
.mb-intro-film{position:relative;margin:0;border-radius:16px;overflow:hidden;aspect-ratio:1.12;background:#1f1f1f;border:1px solid #ffffff20;isolation:isolate}.mb-intro-film video{width:100%;height:100%;object-fit:cover;display:block}.mb-intro-film:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#000000d9);pointer-events:none;z-index:0}.mb-intro-film figcaption{position:absolute;bottom:22px;left:22px;right:22px;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;color:white;font-size:15px;font-weight:500}.mb-intro-film button{background:#000000c9;border:1px solid #ffffff70;border-radius:6px;padding:10px 12px;font-size:11px;min-height:40px;cursor:pointer}.mb-intro-film button:hover{background:#1a1a1a}
.mb-intro-industries{max-width:1216px;margin:auto;border-top:1px solid #ffffff25;padding:26px 0 30px}.mb-intro-industries>p{font-size:9px;letter-spacing:.18em;color:#a3a3a3;margin:0 0 17px}.mb-intro-industries nav{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.mb-intro-industries a{font-size:13px;color:#e5e5e5;padding:8px 0}.mb-intro-industries a:hover{color:#ffcd11}.mb-intro-industries a:last-child{color:#ffcd11}
@media(min-width:1600px){#main-content>section.mb-intro:first-child{padding-top:170px}.mb-intro-layout{padding-bottom:65px}}
@media(max-width:1000px){.mb-intro-layout{gap:32px}.mb-intro h1{font-size:48px}.mb-intro-film{aspect-ratio:.85}.mb-intro-actions{gap:15px}}
@media(max-width:767px){#main-content>section.mb-intro:first-child{padding:112px 20px 0}.mb-intro-layout{grid-template-columns:1fr;gap:28px;padding-bottom:28px}.mb-intro h1{font-size:clamp(38px,10vw,56px);max-width:560px}.mb-intro-eyebrow{font-size:8px;letter-spacing:.1em;margin-bottom:18px}.mb-intro-description{font-size:15px;margin:20px 0 24px}.mb-intro-film{aspect-ratio:1.7}.mb-intro-film figcaption{bottom:14px;left:14px;right:14px;font-size:13px}.mb-intro-note{margin-top:16px}.mb-intro-industries{padding:22px 0}.mb-intro-industries nav{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}.mb-intro-industries a{font-size:12px}.mb-intro-primary{padding:14px 18px}.mb-intro-secondary{font-size:13px}}

/* Keep the technician's face and tablet together inside the hero crop. */
.mb-intro-film video{object-position:68% center}

/* Dark primary buttons flip to yellow with black text on hover. */
a.bg-primary-600:hover,button.bg-primary-600:hover{background:#ffcd11!important;color:#000!important;border-color:#ffcd11!important}