/* Vesmar V2 — daylight, steel and copper. All resources remain local. */
:root{--ink:#252e33;--muted:#5a666d;--paper:#f6f8f8;--line:#d4dce0;--acid:#ad482d;--dark:#28343b;--white:#fff}
body{color-scheme:light;background:var(--paper)}
.header{background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);box-shadow:0 2px 18px #24333c05}
.nav-links a:hover,.nav-links a[aria-current=page]{color:#a34027}
.button{background:var(--acid);border-color:var(--acid);color:#fff}
.button:hover{background:#913920;border-color:#913920;color:#fff}
.button.light{background:var(--acid);border-color:var(--acid);color:#fff}
.button.light:hover{background:#913920;border-color:#913920;color:#fff}
.button.outline{border-color:#97a5ad;background:#ffffff90;color:var(--ink)}
.button.outline:hover{background:#e9eff1;border-color:#566e7a;color:var(--ink)}
.nav-links .button:hover{color:white}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#ad482d}
.skip{color:white}
.eyebrow,.hero-message .eyebrow,.tag,.service-number,.micro-label{color:#a0442d}
.hero{background:#edf2f4;min-height:0}
.hero-backdrop{background-position:72% center}
.hero:before{background:linear-gradient(90deg,#f2f5f6 0%,#f2f5f6f7 30%,#f2f5f6c9 49%,#eef2f444 75%,#eef2f414),linear-gradient(0deg,#f2f5f6 0%,transparent 30%)}
.hero-content{min-height:700px;align-items:stretch;text-align:left;padding-top:32px}
.hero-kicker{color:#4d606b;letter-spacing:.16em}
.hero-message{max-width:810px;padding:65px 0 70px}
.hero h1{font-size:clamp(3rem,5.2vw,4.8rem);color:#26343c;text-wrap:initial;max-width:780px;line-height:1.2}
.hero h1 em{color:#ad482d}
.hero .lead{color:#3f515b;margin:27px 0 0;max-width:540px;background:#f2f5f62b}
.hero .actions{justify-content:flex-start}
.hero-secondary{color:#334b59}
.hero-directions{gap:0;background:#ffffffee;border:1px solid #ccd7dc;box-shadow:0 10px 30px #26343c08;margin-bottom:30px}
.hero-choice{color:#4c5c65;border-top:3px solid transparent;border-right:1px solid #d6dfe4;padding:22px 20px 24px;font-size:19px}
.hero-choice:last-child{border-right:0}
.hero-choice small,.hero-index{color:#5b6c74}
.hero-choice[aria-pressed=true]{background:#f7ede7;border-color:var(--acid);border-right-color:#d6dfe4;color:#273b47}
.hero-choice[aria-pressed=true] .hero-index{color:#ad482d}
.hero-choice:hover{background:#eef3f5;color:#26343c;border-top-color:#9d6754}
.strip{background:#e8eef1;border-color:#cdd8dd}
.strip .wrap{color:#4b606b}
.section-top>p,.service-card p,.step p,.deliverables p,.contact p,.application>p,.application-approach p{color:var(--muted)}
.featured{background:linear-gradient(120deg,#f8eee7,#fff 75%);border:1px solid #ddc7bc;border-top:3px solid var(--acid);box-shadow:0 8px 28px #33434d05}
.featured p{color:#55616a}
.feature-list li{border-color:#d9cfc8;color:#35434c}
.feature-list li span{color:#98513a}
.service-card{background:white;border-color:#d4dce0;box-shadow:0 8px 25px #293d4a04}
.service-card:hover{border-color:#b5755c}
.text-link{color:#ad482d}
.text-link:hover{color:#263f4d}
.problem-section{background:#eaf0f3;border-color:#d0dbe1}
.problem-options{border-color:#c2d0d8}
.problem-option{color:#334651;border-color:#c2d0d8}
.problem-option span{color:#855442}
.problem-option[aria-pressed=true]{background:white;color:#263c49;box-shadow:inset 3px 0 var(--acid),0 5px 20px #263c4908}
.problem-option:hover{background:#f7fafb}
.recommendation{background:white;border-color:#cbd7de;box-shadow:0 14px 35px #263c4907}
.recommendation .small{color:#98503a}
.recommendation p{color:#556772}
.step{border-color:#a9b9c2}
.approach-section{background:linear-gradient(110deg,#f2e6dc,#faf7f3 65%);border-color:#dfd1c5}
.approach-lead{color:#384851}
.approach-grid>div>p+p{color:#606b71}
summary{color:#31434e}
summary span{color:#ad482d}
details p{color:#5a666d}
.field label{color:#455b68}
input,select,textarea{background:#fff;color:#293b45;border-color:#b8c7cf;color-scheme:light}
input::placeholder,textarea::placeholder{color:#697b85}
.field-hint,.form-note,.form-status{color:#5a6b75}
.company-contacts a{color:#ad482d}
.footer{background:#e4ebef;border-color:#c8d4db}
.footer p,.footer-links{color:#4a606d}
.footer-links a:hover{color:#a0442d}
.breadcrumb{color:#526976}
.detail-hero{background:linear-gradient(90deg,#eef3f6fa 0%,#eef3f6ef 50%,#eef3f688),url('../assets/images/industrial-hero.webp') center 40%/cover}
.detail-hero h1{color:#283e4b}
.lead{color:#4e646f}
.detail-band{background:#e5edf1;border-color:#c7d6de}
.detail-band h3{color:#ad482d}
.detail-band p{color:#516976}
.applications{background:#edf2f4;border-color:#cfdadf}
.application{border-top-color:#b06c51}
.application .measure{color:#5a514b;border-color:#cdd6dc}
.next-step{background:linear-gradient(115deg,#e9d9cd,#f5eee7);border-color:#d9c6b7}
.next-step h2{color:#35434a}
.no-js-note{color:#465c68}
@media(max-width:1150px){.js .menu-toggle{color:#334854;border-color:#9daeb8;background:white}.hero-content{min-height:680px}.hero h1{font-size:clamp(3rem,5.7vw,4.4rem)}}
@media(max-width:820px){.hero:before{background:linear-gradient(90deg,#f2f5f6f5,#f2f5f6df 50%,#f2f5f68c),linear-gradient(0deg,#f2f5f6,transparent 50%)}.hero-content{min-height:640px}.hero-message{padding:55px 0}.hero-choice{padding:18px 13px;font-size:17px;gap:10px}.hero h1{font-size:clamp(2.6rem,6.6vw,4rem)}}
@media(max-width:560px){.hero-content{min-height:0;padding-top:25px}.hero:before{background:linear-gradient(180deg,#f2f5f6ed,#f2f5f6e3 65%,#f2f5f6)}.hero-message{padding:46px 0 38px}.hero-kicker{font-size:10px;letter-spacing:.09em}.hero h1{font-size:clamp(2.25rem,9vw,3.25rem);line-height:1.23}.hero .lead{font-size:16px}.hero .actions{align-items:stretch}.hero-secondary{text-align:center}.hero-directions{margin-bottom:22px}.hero-choice{border-top:0;border-right:0;border-bottom:1px solid #d6dfe4;padding:18px;font-size:18px}.hero-choice[aria-pressed=true]{border-top:0;border-left:3px solid var(--acid);border-bottom-color:#d6dfe4;padding-left:15px}.hero-choice:last-child{border-bottom:0}.hero-index{color:#677a85}.detail-hero{background:linear-gradient(90deg,#eef3f6f2,#eef3f6d9),url('../assets/images/industrial-hero.webp') center/cover}}
@media print{.hero,.featured,.service-card,.problem-section,.approach-section,.detail-band,.detail-hero,.applications{background:white}.hero h1 em{color:black}}

/* Supplied Vesmar Mashinex identity. */
.brand{display:inline-flex;align-items:center;line-height:1;flex-shrink:0}
.brand-logo{display:block;width:210px;height:62px;object-fit:contain}
.nav{min-height:94px}
.footer .brand-logo{width:200px;height:60px}
@media(max-width:1150px){.brand-logo{width:190px;height:56px}.nav{min-height:88px;padding:12px 0}}
@media(max-width:560px){.brand-logo{width:172px;height:50px}.nav{min-height:78px}.footer .brand-logo{width:190px;height:56px}}
/* Crop only transparent canvas margins in layout; preserve the logo asset itself. */
.brand{--logo-width:220px;position:relative;width:var(--logo-width);height:calc(var(--logo-width)*.29);overflow:hidden}
.brand .brand-logo,.footer .brand-logo{position:absolute;max-width:none;width:calc(var(--logo-width)*1.123);height:calc(var(--logo-width)*.562);left:calc(var(--logo-width)*-.063);top:calc(var(--logo-width)*-.163);object-fit:fill}
.footer .brand{--logo-width:210px}
@media(max-width:1150px){.nav>.brand{position:relative;left:auto;transform:none}.brand{--logo-width:200px}}
@media(max-width:560px){.brand{--logo-width:180px}.footer .brand{--logo-width:200px}}
/* Persistent language switch: the same page in Bulgarian or English. */
.nav{gap:22px}
.nav>.brand{position:relative;left:auto;transform:none;order:0}
.nav-links{order:1;width:auto;margin-left:auto;gap:17px;font-size:13px}
.nav-links>a:nth-child(3){margin-left:0}
.language-switch{order:2;display:flex;align-items:center;gap:5px;flex-shrink:0;font-size:13px;font-weight:700;color:#63717a}
.language-switch a{padding:10px 5px;min-height:40px;display:flex;align-items:center}
.language-switch a[aria-current=true]{color:#9b4029;text-decoration:underline;text-underline-offset:5px}
.language-switch a:hover{color:#9b4029}
.nav-links .button{padding:12px 16px}
@media(min-width:1151px) and (max-width:1300px){.nav .brand{--logo-width:185px}.nav{gap:15px}.nav-links{gap:12px}.nav-links .button{font-size:13px;padding:12px}}
@media(max-width:1150px){.nav{justify-content:flex-start;gap:16px}.language-switch{order:1;margin-left:auto}.menu-toggle{order:2}.nav-links{order:3;width:100%;margin-left:0;font-size:16px;gap:20px}}
@media(max-width:560px){.nav{gap:10px}.nav .brand{--logo-width:150px}.language-switch{gap:1px;font-size:12px}.language-switch a{padding:10px 4px}.js .menu-toggle{padding:8px 10px;font-size:14px}}
@media print{.language-switch{display:none}}
/* Homepage arranged from the supplied First page presentation. */
.hero-intro{display:flex;justify-content:space-between;align-items:center;gap:30px;width:100%}
.hero-kicker{font-size:13px;font-weight:700;letter-spacing:.08em}
.hero-advisory{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#52616a;margin-top:8px;max-width:620px}
.meeting-cta{flex-shrink:0;border-radius:28px;padding-inline:25px}
.homepage .hero-message{padding:54px 0 42px;max-width:900px}
.hero-focus .section-top{margin-bottom:25px;align-items:end}
.hero-focus .eyebrow{margin-bottom:10px}
.hero-focus h2{font-size:clamp(1.7rem,2.7vw,2.4rem)}
.hero-focus .section-top>p{font-size:15px;max-width:340px}
.hero-choice.is-primary{background:#f7ede7;border-top-color:var(--acid)}
.hero-choice.is-primary .hero-index{color:var(--acid)}
.scope-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);margin-bottom:55px;background:white}
.scope-tabs button{display:flex;gap:15px;align-items:center;text-align:left;border:0;border-top:3px solid transparent;border-right:1px solid var(--line);padding:22px;background:transparent;color:var(--ink);font-family:var(--heading);font-size:21px;text-transform:uppercase;line-height:1.3}
.scope-tabs button:last-child{border-right:0}
.scope-tabs button span{font-size:13px;color:var(--acid)}
.scope-tabs button[aria-selected=true]{border-top-color:var(--acid);background:#f7ede7}
.scope-tabs button:hover{background:#eef3f5}
.scope-more{margin-top:28px}
.scope-panel + .scope-panel{margin-top:50px}
.js .scope-panel{margin-top:0}
@keyframes content-enter{from{opacity:.3;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.scope-panel.is-entering,.recommendation.is-entering{animation:content-enter .35s ease-out}
.section.is-revealing{animation:content-enter .6s ease-out}
@media(min-width:1151px){.nav-links{gap:12px;font-size:12px}.nav .brand{--logo-width:180px}.nav{gap:16px}.nav-links .button{padding:10px 12px;font-size:13px}}
@media(max-width:820px){.hero-intro{align-items:flex-start}.hero-advisory{max-width:370px;font-size:9px}.meeting-cta{font-size:13px;padding:12px 18px}.hero-focus .section-top>p{margin-top:12px;max-width:none}.scope-tabs button{padding:18px 12px;font-size:17px;gap:8px}}
@media(max-width:560px){.hero-intro{flex-direction:column;gap:18px}.hero-kicker{font-size:11px}.hero-advisory{font-size:9px;line-height:1.6}.homepage .hero-message{padding:35px 0}.hero-choice small{display:block;font-size:12px}.hero-choice.is-primary{border-left:3px solid var(--acid);padding-left:15px}.scope-tabs{grid-template-columns:1fr;margin-bottom:35px}.scope-tabs button{border-right:0;border-bottom:1px solid var(--line);font-size:18px}.scope-tabs button:last-child{border-bottom:0}.hero-focus .section-top{margin-bottom:20px}}
@media print{.scope-tabs,.meeting-cta{display:none}.scope-panel[hidden]{display:block!important}}
.hero-focus .section-top{display:block}
.hero-focus .section-top>p{margin-top:12px;max-width:600px;color:#3f515b}
