/* Angled outline frames inspired by the user's own Zumba cover.
   Existing brand and service colours remain; all ornament is non-interactive. */
:root{--mh-line-gold:url('../images/line-frame-gold.svg');--mh-line-ink:url('../images/line-frame-ink.svg');--mh-line-border:#a9b9bd}
.mh-site :is(h1,h2,h3,h4){font-family:"Manrope","Segoe UI",sans-serif;letter-spacing:-.025em}
.mh-header{border-bottom:1px solid #bda47c}
.mh-header::after{content:"";position:absolute;bottom:-5px;right:6%;width:25%;height:4px;border-right:1px solid #bda47c;border-bottom:1px solid #bda47c;transform:skewX(-29deg);pointer-events:none}
.mh-desktop-nav a{position:relative}
.mh-desktop-nav a::after{content:"";position:absolute;bottom:3px;left:0;right:0;height:1px;background:#a7834f;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.mh-desktop-nav a:hover::after,.mh-desktop-nav a[aria-current]::after{transform:scaleX(1)}
.mh-site :is(.mh-contact-button,.kkx-button,.kkq-submit,.mh-offer-button,.mh-secondary-button){border-radius:0;box-shadow:none}
.mh-header .mh-contact-button{border-color:#a7834f;box-shadow:4px 4px 0 -1px #fffefa,4px 4px 0 0 #d9bd91}
.mh-header .mh-contact-button:hover{box-shadow:2px 2px 0 -1px #fffefa,2px 2px 0 0 #d9bd91}
.mh-site :is(.mh-hero,.mh-offer-hero,.kkx-contact){position:relative;isolation:isolate;overflow:clip}
.mh-site :is(.mh-hero,.mh-offer-hero,.kkx-contact)::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--mh-line-gold) right center / cover no-repeat;pointer-events:none}
.mh-hero{padding-block:72px 84px;background:#061522}
.mh-hero-grid{grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);gap:64px}
.mh-hero h1{font-family:"Manrope","Segoe UI",sans-serif;font-size:clamp(40px,4.4vw,65px);line-height:1.12;font-weight:550;letter-spacing:-.035em}
.mh-hero h1 em{display:block;margin-top:8px}
.mh-hero-copy>p{max-width:47ch}
.mh-hero .kk-action{border-radius:0;border-color:#8a9399;background:#061522cc;font-size:13px;letter-spacing:.12em}
.mh-hero .kk-action:hover{background:#173149;border-color:#d9bd91}
.mh-hero-portrait{padding:12px 12px 0 0;isolation:isolate}
.mh-hero-portrait::before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:56px;left:12px;border:1px solid #d9bd91;pointer-events:none}
.mh-hero-portrait img{aspect-ratio:1;object-fit:contain;object-position:center;border-radius:0;background:#061522;border:1px solid #718087}
.mh-hero-portrait figcaption{padding-top:20px;align-items:baseline;flex-wrap:wrap;gap:4px 12px}
.mh-hero-portrait figcaption span{color:#c0cbd2}
.mh-site .kk-menu{isolation:isolate;background:#071622}
.mh-site .kk-menu::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--mh-line-gold) center / cover no-repeat;opacity:.65}
.mh-site .kk-menu-inner>a{font-size:clamp(23px,3vw,36px)}
.mh-site .kk-menu-inner>a:hover{color:var(--mh-gold)}
.mh-site .kkx-about-services{background:#edf4f4 var(--mh-line-ink) center top / 1600px auto no-repeat}
.mh-site .kkx-about-copy h2{font-size:clamp(30px,3.2vw,47px);line-height:1.18;font-weight:550}
.mh-site .kkx-portrait__frame{border-radius:0;box-shadow:12px 12px 0 -1px #edf4f4,12px 12px 0 0 #b7a17e;border:1px solid #b7a17e}
.mh-site .kkx-portrait img{border-radius:0}
.mh-site .kkx-trust-list{gap:10px}
.mh-site .kkx-trust-list span{border-radius:0;background:transparent;border-color:#a9b9bd}
.mh-production{position:relative;border-bottom:1px solid var(--mh-line-border)}
.mh-production::after{content:"";position:absolute;right:0;bottom:-7px;width:20%;height:6px;transform:skewX(-29deg);transform-origin:right;border-right:1px solid #a7834f;border-bottom:1px solid #a7834f;pointer-events:none}
.mh-production h2{font-family:"Manrope","Segoe UI",sans-serif;font-size:clamp(28px,2.8vw,40px);font-weight:500;line-height:1.25}
.mh-experience{border-left:2px solid #a7834f;padding-left:32px;margin-top:40px;padding-top:36px;background:var(--mh-line-ink) right top / 1000px auto no-repeat}
.mh-services{counter-reset:services}
.mh-services>h2{max-width:25ch;font-weight:550}
.mh-service-row{position:relative;isolation:isolate;counter-increment:services;border:1px solid var(--mh-line-border);padding:34px 30px;margin-top:20px;gap:30px;grid-template-columns:180px minmax(0,1fr) 30px;background:#f8fafa;transition:border-color .2s,background .2s}
.mh-service-row:last-child{border-bottom:1px solid var(--mh-line-border)}
.mh-service-row::after{content:"";position:absolute;top:8px;right:8px;width:34px;height:34px;border-top:1px solid #a7834f;border-right:1px solid #a7834f;pointer-events:none}
.mh-service-row:hover{border-color:#a7834f;background:#fffefa}
.mh-service-label::before{content:"0" counter(services);display:block;font-family:"Manrope",sans-serif;font-size:12px;letter-spacing:.16em;font-weight:500;color:#687783;margin-bottom:18px}
.mh-service-row h3{font-size:clamp(23px,2.4vw,31px);font-weight:550}
.mh-service-row .mh-service-arrow{align-self:center}
.mh-site .kkx-product--webseite{background:#f2ecf6}
.mh-site .kkx-product--webseite::before{background:var(--mh-line-ink) center top / 1600px auto no-repeat;mask-image:none;opacity:1}
.mh-site .kkx-product--kurskey-pro-support::before{background:var(--mh-line-gold) center top / 1600px auto no-repeat;opacity:.7}
.mh-site .kkx-social{background:#e8f3ec}
.mh-site .kkx-social::before{content:"";position:absolute;inset:0;pointer-events:none;background:var(--mh-line-ink) center top / 1600px auto no-repeat}
.mh-site .kkx-social-faq{background:#e8f3ec var(--mh-line-ink) left top / 1600px auto no-repeat}
.mh-site .kkx-product::after,.mh-site .kkx-social::after{width:3px}
.mh-site .mh-detail h1{font-size:clamp(35px,4.5vw,62px);line-height:1.16;font-weight:550}
.mh-site :is(.kkx-product__section-head,.kkx-product__paths,.kkx-product__workflow,.kkx-product__notice,.kkx-product__faq,.kkx-product__closing)>:is(h2,h3),.mh-site .kkx-product__scope>h3{font-size:clamp(28px,3.2vw,44px);line-height:1.22;font-weight:500}
.mh-site :is(.kkx-product__paths,.kkx-product__benefit,.kkx-product__scope) h4,.mh-site .kkx-social__services h3{font-size:clamp(20px,1.7vw,25px);font-weight:550;line-height:1.3}
.mh-site .kkx-glass-tile{border-radius:0!important;box-shadow:none;--mh-panel-fill:#ffffffb8;--mh-panel-edge:#a9b9bd}
.mh-site .kkx-glass-tile::before{background:var(--mh-panel-fill);backdrop-filter:none;-webkit-backdrop-filter:none;animation:none}
.mh-site .kkx-glass-tile::after{inset:7px 7px auto auto;width:25px;height:25px;opacity:.65;background:none;border-top:1px solid var(--mh-panel-edge);border-right:1px solid var(--mh-panel-edge);box-shadow:none;mix-blend-mode:normal;animation:none}
.mh-site .kkx-product--webseite .kkx-glass-tile{--mh-panel-fill:#fcf9ff;--mh-panel-edge:#76518f}
.mh-site .kkx-product--kurskey-pro-support .kkx-glass-tile{--mh-panel-fill:#ffffff0f;--mh-panel-edge:#d9bd91}
.mh-site .kkx-product--webseite .kkx-product__workflow{--mh-panel-fill:#472c59;--mh-panel-edge:#d9bd91}
.mh-site .kkx-product--kurskey-pro-support .kkx-product__workflow{--mh-panel-fill:#ffe4cc;--mh-panel-edge:#a15d31}
.mh-site .kkx-social .kkx-glass-tile,.mh-site .kkx-social-faq .kkx-glass-tile{--mh-panel-fill:#f7fbf8;--mh-panel-edge:#39765e}
.mh-site .kkx-product__facts{border-top:1px solid #a7834f;border-bottom:1px solid #a7834f}
.mh-site .kkx-social__portrait img{border-radius:0;border-color:#8b9b8e;box-shadow:10px 10px 0 -1px #e8f3ec,10px 10px 0 0 #a7834f}
.mh-site .kkx-product__visual img{border-radius:0;box-shadow:none}
.mh-site .mh-person-portrait img{border-radius:0;border:1px solid #b7a17e;box-shadow:8px 8px 0 -1px #061522,8px 8px 0 0 #b7a17e}
.mh-site .mh-offer-hero .mh-person-portrait figcaption{color:#d9bd91}
.mh-offer-hero{padding-block:70px 80px}
.mh-offer-hero h1{font-weight:550;max-width:23ch}
.mh-offer>.kkx-container{background:var(--mh-line-ink) right top / 1600px auto no-repeat}
.mh-offer-process{position:relative}
.mh-offer-steps{gap:24px}
.mh-offer-steps li{padding:28px;border:1px solid var(--mh-line-border);background:#f8fafa;position:relative}
.mh-offer-steps li::after{content:"";position:absolute;right:7px;top:7px;width:22px;height:22px;border-right:1px solid #a7834f;border-top:1px solid #a7834f;pointer-events:none}
.mh-offer-steps li::before{font-family:"Manrope",sans-serif;font-weight:400;font-size:25px}
.mh-offer-faq details{background:#ffffff75;padding-inline:18px;border-right:1px solid var(--mh-line-border);border-left:1px solid var(--mh-line-border)}
.mh-offer-faq details:last-child{border-bottom:1px solid var(--mh-line-border)}
.mh-offer-faq details[open]{background:#fffefa}
.mh-offer-close{background:var(--mh-line-ink) right center / 1100px auto no-repeat}
.mh-site .kkq-form-section{background:#edf4f4}
.mh-site .kkq-form-section::before{background:var(--mh-line-ink) center top / cover no-repeat;mask-image:none;opacity:1}
.mh-contact-intro{background:var(--mh-line-ink) right center / 1200px auto no-repeat}
.mh-site .kkq-form-copy h2{max-width:15ch;font-family:"Manrope",sans-serif;font-weight:500;line-height:1.2}
.mh-site .kkq-form{border-radius:0;border:1px solid #b69d75;background:#fffefa;box-shadow:9px 9px 0 -1px #edf4f4,9px 9px 0 0 #a7834f;backdrop-filter:none}
.mh-site .kkq-form__header strong{font-family:"Manrope",sans-serif;color:#153149;font-weight:500}
.mh-site .kkq-field :is(input,textarea,select),.mh-draft textarea{border-radius:0}
.mh-site .kkq-submit{background:#0b3155;border-color:#0b3155}
.mh-site .kkq-submit:hover{background:#153e60}
.mh-legal{background:var(--mh-line-ink) right top / 1200px auto no-repeat}
.mh-legal section{position:relative;padding-top:22px;border-top:1px solid #b9c9cb}
.mh-legal section::before{content:"";position:absolute;left:0;top:-1px;width:42px;border-top:2px solid #a7834f;pointer-events:none}
.mh-site .kkx-contact{background:#061522;padding-block:90px;min-height:0}
.mh-site .kkx-contact h2{font-family:"Manrope",sans-serif;font-size:clamp(31px,4vw,52px);line-height:1.2;font-weight:500;max-width:24ch}
.mh-site .kkx-contact a{border-radius:0;box-shadow:none;background:#d9bd91;border:1px solid #d9bd91;color:#061522}
.mh-site .kkx-contact__direct a{background:none;border:0;color:#c3cfd7}
.mh-site .kkx-footer{position:relative;background:#061522;border-top:1px solid #8d7856}
.mh-site .kkx-footer::before{content:"";position:absolute;left:6%;top:6px;width:30%;height:6px;border-top:1px solid #8d7856;border-left:1px solid #8d7856;transform:skewX(-29deg);pointer-events:none}
.mh-site :is(.mh-hero,.mh-offer-hero,.kkx-contact,.kk-menu) :is(a,button):focus-visible{outline-color:#f2cf96}
@media(min-width:1400px){.mh-hero-grid{gap:72px}.mh-hero-portrait{margin-left:10px}}
@media(max-width:1149px){.mh-hero-grid{gap:38px}.mh-service-row{grid-template-columns:155px minmax(0,1fr) 25px;gap:22px;padding:28px 24px}.mh-offer-steps li{padding:22px}}
@media(max-width:767px){
  .mh-hero{padding-block:42px 58px}.mh-hero-grid{grid-template-columns:1fr;gap:38px}.mh-hero h1{font-size:clamp(36px,7.9vw,56px);line-height:1.15}.mh-hero h1 em{margin-top:6px}
  .mh-hero-portrait{padding:9px 9px 0 0}.mh-hero-portrait::before{left:9px;bottom:62px}.mh-hero-portrait img{aspect-ratio:1}.mh-hero-portrait figcaption{padding-top:15px}
  .mh-site :is(.mh-hero,.mh-offer-hero,.kkx-contact)::before{background-size:auto 100%;background-position:center;opacity:.6}
  .mh-site .kkx-portrait__frame{box-shadow:7px 7px 0 -1px #edf4f4,7px 7px 0 0 #b7a17e}
  .mh-production h2{font-size:clamp(27px,6.6vw,35px)}.mh-experience{padding-left:20px;margin-top:26px;padding-top:30px}
  .mh-service-row{grid-template-columns:minmax(0,1fr) 24px;padding:26px 20px;gap:18px}.mh-service-label{display:flex;align-items:center;gap:15px}.mh-service-label::before{margin:0}.mh-service-row h3{font-size:24px}
  .mh-site .mh-detail h1{font-size:clamp(32px,7.4vw,48px)}.mh-offer-hero{padding-block:42px 50px}.mh-offer-hero h1{font-size:clamp(32px,7.4vw,48px)}
  .mh-offer-steps{gap:16px}.mh-offer-steps li{padding:24px}.mh-offer-faq details{padding-inline:14px}
  .mh-site .kkq-form{box-shadow:6px 6px 0 -1px #edf4f4,6px 6px 0 0 #a7834f}.mh-site .kkx-contact{padding-block:64px}
}
@media(max-width:389px){.mh-service-row{padding-inline:16px}.mh-hero .kk-actions{display:grid}.mh-hero .kk-action{font-size:12px;letter-spacing:.1em}}
@media(prefers-reduced-motion:reduce){.mh-desktop-nav a::after,.mh-service-row{transition:none}}
@media(forced-colors:active){.mh-site .kkx-glass-tile::before,.mh-site .kkx-glass-tile::after,.mh-site :is(.mh-hero,.mh-offer-hero,.kkx-contact,.kk-menu)::before{display:none}.mh-site :is(.mh-service-row,.mh-offer-steps li,.kkq-form){border:1px solid CanvasText;box-shadow:none}}