/*
Theme Name: HMT Zion
Theme URI: https://example.com
Author: OpenAI
Description: Custom block theme for Hainzinger Montagetechnik.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: hmt-zion
*/
:root{
  --hmt-bg:#101c28;
  --hmt-bg2:#1d3042;
  --hmt-accent:#7898bf;
  --hmt-text:#f6f8fb;
  --hmt-muted:#c8d2dc;
  --hmt-line:rgba(255,255,255,.12);
}
html{scroll-behavior:smooth}
body{margin:0;background:#f6f7f9;color:#17212b;font-family:Inter,Arial,sans-serif}
.hmt-shell{max-width:1400px;margin:0 auto}
.hmt-header{background:rgba(13,24,35,.96);color:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid var(--hmt-line)}
.hmt-header-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:18px 5vw}
.hmt-brand{font-weight:800;letter-spacing:.08em;line-height:1}
.hmt-brand strong{font-size:32px;display:block}
.hmt-brand span{font-size:12px;color:var(--hmt-accent)}
.hmt-nav{display:flex;gap:26px;align-items:center}
.hmt-nav a{color:#fff;text-decoration:none;font-size:14px;font-weight:700}
.hmt-btn{display:inline-block;padding:15px 24px;border-radius:3px;text-decoration:none;font-weight:800;font-size:14px}
.hmt-btn-primary{background:var(--hmt-accent);color:#fff}
.hmt-btn-ghost{border:1px solid rgba(255,255,255,.55);color:#fff}
.hmt-hero{min-height:680px;background:
linear-gradient(90deg,rgba(8,19,29,.96) 0%,rgba(8,19,29,.84) 34%,rgba(8,19,29,.20) 68%,rgba(8,19,29,.06) 100%),
url('../images/hero.jpg') center/cover no-repeat;color:#fff;display:flex;align-items:center}
.hmt-hero-inner{padding:90px 7vw;max-width:660px}
.hmt-kicker{font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:#a9bfd9;font-weight:800}
.hmt-title{font-size:72px;line-height:.97;margin:18px 0 24px;font-weight:900;text-transform:uppercase}
.hmt-title em{font-style:normal;color:var(--hmt-accent)}
.hmt-lead{font-size:20px;line-height:1.6;color:#e8eef4;max-width:620px}
.hmt-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:34px}
.hmt-services{display:grid;grid-template-columns:repeat(4,1fr);background:var(--hmt-bg2);color:white}
.hmt-card{padding:42px 34px;border-right:1px solid var(--hmt-line);min-height:250px}
.hmt-card:last-child{border-right:none}
.hmt-icon{font-size:38px;margin-bottom:20px}
.hmt-card h3{font-size:20px;text-transform:uppercase;margin:0 0 14px}
.hmt-card p{color:#d4dde6;line-height:1.6}
.hmt-card a{color:white;text-decoration:none;font-weight:800;font-size:13px}
.hmt-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:white}
.hmt-point{padding:28px 26px;border-right:1px solid #dde3e9}
.hmt-point:last-child{border-right:none}
.hmt-point strong{display:block;font-size:13px;text-transform:uppercase;margin-bottom:6px}
.hmt-section{padding:86px 7vw;background:#f5f7f9}
.hmt-section.dark{background:var(--hmt-bg);color:white}
.hmt-section h2{font-size:44px;margin:0 0 18px;text-transform:uppercase}
.hmt-section p{font-size:18px;line-height:1.7;max-width:850px}
.hmt-grid2{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:start}
.hmt-contactbox{background:#fff;color:#17212b;padding:32px;border-radius:4px}
.hmt-contactbox a{color:#315a82}
.hmt-footer{background:#0b141d;color:#b9c5d0;padding:38px 7vw;font-size:14px}
@media(max-width:900px){
  .hmt-nav{display:none}
  .hmt-header-inner{padding:15px 22px}
  .hmt-title{font-size:48px}
  .hmt-hero{min-height:610px;background-position:62% center}
  .hmt-hero-inner{padding:70px 24px}
  .hmt-services,.hmt-strip{grid-template-columns:1fr}
  .hmt-card,.hmt-point{border-right:none;border-bottom:1px solid var(--hmt-line)}
  .hmt-grid2{grid-template-columns:1fr}
  .hmt-section{padding:64px 24px}
}