*{box-sizing:border-box}
body{margin:0;background:var(--mk-bg);color:var(--mk-text);font-family:var(--mk-font);line-height:1.6}
.mk-container{width:min(1180px,92%);margin:auto}
.mk-topbar{background:var(--mk-secondary);color:#fff;font-size:14px}
.mk-topbar .mk-container{display:flex;gap:22px;justify-content:flex-end;padding:8px 0;flex-wrap:wrap}
.mk-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);box-shadow:0 10px 30px rgba(0,0,0,.08)}
.mk-header-inner{display:flex;align-items:center;gap:18px;padding:14px 0}
.mk-logo{display:flex;align-items:center;text-decoration:none;color:var(--mk-secondary);min-width:170px}
.mk-logo img{max-width:var(--mk-logo-width);height:auto}
.mk-logo strong{font-size:28px;font-weight:900;letter-spacing:-1px}
.mk-logo span{color:var(--mk-primary)}
.mk-nav{flex:1;position:relative}
.mk-nav ul,.mk-nav li{margin:0;padding:0;list-style:none}
.mk-nav > div > ul,
.mk-nav > ul,
.mk-nav ul.menu{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}
.mk-nav li{position:relative}
.mk-nav > div > ul > li > a,
.mk-nav > ul > li > a,
.mk-nav ul.menu > li > a{display:block;text-decoration:none;background:linear-gradient(135deg,var(--mk-primary),#9f0009);color:var(--mk-menu-text);font-size:var(--mk-menu-size);font-weight:700;padding:var(--mk-menu-pad) calc(var(--mk-menu-pad) + 4px);border-radius:14px;box-shadow:0 10px 20px rgba(227,6,19,.20);transition:.2s;white-space:nowrap}
.mk-nav a:hover{transform:translateY(-2px);filter:brightness(.95)}
.mk-nav .sub-menu{display:none;position:absolute;top:calc(100% + 10px);left:0;min-width:240px;background:#fff;padding:12px;border-radius:18px;box-shadow:0 20px 40px rgba(0,0,0,.16);z-index:99}
.mk-nav .sub-menu li+li{margin-top:8px}
.mk-nav .sub-menu a{display:block;text-decoration:none;background:#fff;color:var(--mk-secondary);font-size:15px;font-weight:700;padding:12px 14px;border-radius:12px;border:1px solid #edf2f7;box-shadow:none;white-space:nowrap}
.mk-nav .sub-menu a:hover{background:#f8fafc;transform:none;filter:none;border-color:#e5e7eb}
.mk-nav li:hover > .sub-menu,.mk-nav li:focus-within > .sub-menu{display:block}
.mk-nav .sub-menu .sub-menu{top:0;left:calc(100% + 10px)}
.mk-nav .menu-item-has-children > a:after{content:" ▾";font-size:.9em}
.mk-header-call{background:var(--mk-secondary);color:#fff;text-decoration:none;border-radius:18px;padding:10px 16px;text-align:center;line-height:1.2;white-space:nowrap}
.mk-header-call b{color:var(--mk-accent)}
.mk-mobile-toggle{display:none;background:var(--mk-primary);color:#fff;border:0;border-radius:12px;padding:11px 14px;font-size:22px}
.mk-leftbar{position:fixed;left:14px;top:42%;z-index:60;display:flex;flex-direction:column;gap:10px}
.mk-leftbar a{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--mk-secondary);color:#fff;text-decoration:none;font-weight:900;box-shadow:0 10px 28px rgba(0,0,0,.24)}
.mk-leftbar a:nth-child(2){background:#25D366}
.mk-leftbar a:nth-child(3){background:var(--mk-primary)}
.mk-hero{background:radial-gradient(circle at 20% 20%,rgba(227,6,19,.18),transparent 32%),linear-gradient(135deg,#111 0%,#222 48%,var(--mk-primary) 100%);color:#fff;padding:76px 0}
.mk-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}
.mk-badge{display:inline-block;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);padding:8px 14px;border-radius:999px;font-weight:700}
.mk-hero h1{font-size:clamp(34px,5vw,62px);line-height:1.05;margin:18px 0}
.mk-hero p{font-size:20px;max-width:620px;color:rgba(255,255,255,.88)}
.mk-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}
.mk-btn,.mk-service-form button,.mk-wa-btn,.mk-footer-btn{display:inline-flex;align-items:center;justify-content:center;border:0;text-decoration:none;background:var(--mk-primary);color:var(--mk-button-text);padding:14px 22px;border-radius:16px;font-weight:800;box-shadow:0 14px 30px rgba(227,6,19,.28);cursor:pointer}
.mk-btn-dark{background:#fff;color:var(--mk-secondary)}
.mk-hero-card{background:#fff;color:var(--mk-text);border-radius:28px;padding:26px;box-shadow:0 24px 70px rgba(0,0,0,.28)}
.mk-hero-card h2{margin-top:0;color:var(--mk-secondary)}
.mk-service-form input,.mk-service-form select,.mk-service-form textarea{width:100%;border:1px solid #e5e7eb;border-radius:14px;padding:13px 14px;font:inherit;background:#fff}
.mk-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mk-service-form textarea{min-height:100px;margin-top:12px}
.mk-form-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}
.mk-wa-btn{background:#25D366;color:#fff}
.mk-success{background:#dcfce7;color:#166534;padding:10px 12px;border-radius:12px;font-weight:700}
.mk-services{padding:72px 0;background:#f8fafc}
.mk-services h2,.mk-content h2{text-align:center;font-size:36px;color:var(--mk-secondary);margin:0}
.mk-section-text{text-align:center;max-width:760px;margin:12px auto 32px}
.mk-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.mk-service-card{background:#fff;border-radius:24px;padding:26px;box-shadow:0 12px 34px rgba(0,0,0,.08);border:1px solid #edf2f7}
.mk-service-icon{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,var(--mk-primary),var(--mk-secondary));display:grid;place-items:center;color:#fff;font-size:24px}
.mk-service-card h3{color:var(--mk-secondary);font-size:22px;margin-bottom:8px}
.mk-content{padding:62px 0}
.mk-content-box{background:#fff;border-radius:24px;padding:28px;box-shadow:0 12px 34px rgba(0,0,0,.06)}
.mk-footer{background:var(--mk-secondary);color:#fff;padding:46px 0 0}
.mk-footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px}
.mk-footer h3,.mk-footer h4{color:#fff;margin-top:0}
.mk-copy{text-align:center;margin-top:32px;padding:14px;background:#050505;color:#bbb}
.mk-footer-btn{box-shadow:none}
.screen-reader-text{position:absolute;left:-9999px}
@media(max-width:900px){
  .mk-topbar .mk-container{justify-content:center}
  .mk-header-inner{justify-content:space-between}
  .mk-mobile-toggle{display:block}
  .mk-nav{display:none;position:absolute;left:4%;right:4%;top:78px;background:#fff;border-radius:20px;padding:16px;box-shadow:0 20px 50px rgba(0,0,0,.18)}
  .mk-nav.is-open{display:block}
  .mk-nav > div > ul,.mk-nav > ul,.mk-nav ul.menu{display:grid;gap:10px}
  .mk-nav .sub-menu{display:block;position:static;min-width:0;background:#f8fafc;padding:10px;margin-top:8px;border-radius:14px;box-shadow:none}
  .mk-nav .sub-menu .sub-menu{left:auto;top:auto}
  .mk-header-call{display:none}
  .mk-hero-grid,.mk-footer-grid{grid-template-columns:1fr}
  .mk-card-grid{grid-template-columns:1fr 1fr}
  .mk-leftbar{left:8px}
  .mk-form-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .mk-card-grid{grid-template-columns:1fr}
  .mk-hero{padding:48px 0}
  .mk-leftbar a{width:40px;height:40px}
  .mk-logo strong{font-size:24px}
}
