.mk-site { --mk-ink:#071e2d; --mk-cyan:#00b7dc; --mk-teal:#10b395; color:#fff; background:var(--mk-ink); font-family:Arial,Helvetica,sans-serif; line-height:1.55; }
.mk-site * { box-sizing:border-box; letter-spacing:0; }
.mk-container { width:min(1240px,calc(100% - 48px)); margin-inline:auto; }
.mk-header { background:#061c2a; border-bottom:1px solid #29424f; position:relative; z-index:10; }
.mk-nav { min-height:82px; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.mk-brand { display:flex; flex:0 0 190px; gap:10px; align-items:center; }
.mk-brand img { width:54px; height:54px; object-fit:contain; }
.mk-brand span { font-size:21px; }
.mk-desktop { display:flex; gap:24px; align-items:center; }
.mk-header a { color:#eaf1f3; text-decoration:none; font-size:14px; font-weight:600; padding-block:12px; }
.mk-header a:hover,.mk-header a.active { color:#05c8e7; }
.mk-header a.active { border-bottom:2px solid #00b7dc; }
.mk-header .mk-reserved { padding:10px 15px; border:1px solid #008eae; border-radius:5px; }
.mk-languages { display:flex; gap:7px; align-items:center; }
.mk-mobile { display:none; }
.mk-section { position:relative; padding:60px 0; overflow:hidden; }
.mk-section h1 { font-size:58px; line-height:1.08; margin:0 0 24px; font-weight:700; overflow-wrap:break-word; }
.mk-section h2 { font-size:34px; line-height:1.2; margin:0 0 22px; font-weight:700; }
.mk-section:not(.mk-hero) h1 { font-size:34px; line-height:1.2; margin:0 0 22px; }
.mk-section h3 { font-size:24px; line-height:1.3; margin:0 0 16px; font-weight:600; }
.mk-kicker { color:#04c4e8; font-size:14px; font-weight:700; margin:0 0 15px; text-transform:uppercase; }
.mk-subtitle { font-size:22px; line-height:1.45; }
.mk-paragraph { white-space:pre-line; overflow-wrap:anywhere; font-size:18px; margin:0 0 20px; }
.mk-hero { min-height:580px; padding:76px 0 68px; display:flex; align-items:center; }
.mk-hero-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }
.mk-hero:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(4,22,34,.92),rgba(4,22,34,.60) 38%,rgba(4,22,34,.04) 80%); }
.mk-hero>.mk-container { position:relative; z-index:1; }
.mk-hero .mk-copy { max-width:520px; }
.mk-action { display:inline-block; text-decoration:none; background:#00b5d7; border:1px solid #00b5d7; color:#032332; padding:12px 20px; border-radius:5px; font-size:16px; font-weight:700; cursor:pointer; margin-top:12px; }
.mk-action:hover { background:#4ad2e8; color:#032332; }
.mk-action:focus-visible,.mk-header a:focus-visible { outline:3px solid #80eace; outline-offset:4px; }
.mk-heading { text-align:center; max-width:850px; margin:0 auto 34px; }
.mk-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; }
.mk-card { min-width:0; background:#103545; border-radius:6px; overflow:hidden; border:1px solid #225565; }
.mk-card img { width:100%; aspect-ratio:4/3; object-fit:cover; }
.mk-card-copy { padding:24px; }
.mk-card h3 { color:#24cdb1; }
.mk-card p { font-size:17px; color:#e5f2f4; }
.mk-copy-layout.with-image { display:grid; grid-template-columns:1.1fr 1fr; gap:56px; align-items:center; }
.mk-section-image { display:block; width:100%; max-height:450px; object-fit:contain; margin:auto; }
.mk-text { background:#f2f8f8; color:#132f3c; }
.mk-text .mk-kicker { color:#007984; }
.mk-text .mk-section-image { aspect-ratio:16/10; }
.mk-text + .mk-text { border-top:1px solid #c7dddd; }
.mk-steps { background:#e9f3f2; color:#183742; }
.mk-steps .mk-card { background:#fff; border-color:#bed8d3; border-top:4px solid #118c82; }
.mk-steps .mk-card h3 { color:#06776e; }
.mk-steps .mk-card p { color:#244652; }
.mk-contact { padding:28px 0; background:#0c3443; }
.mk-contact .mk-copy { display:flex; align-items:center; justify-content:center; gap:18px; flex-wrap:wrap; }
.mk-contact h2 { font-size:26px; margin:0; }
.mk-contact .mk-action { font-size:26px; margin:0; padding:0; border:0; background:none; color:#19cae4; }
.mk-footer { padding:32px 0; border-top:1px solid #284551; background:#061b28; }
.mk-footer>.mk-container { display:flex; gap:32px; justify-content:space-between; }
.mk-footer a { color:#4bd7e7; display:inline-block; margin:0 0 10px 24px; }
.mk-footer p { font-size:14px; color:#bbcbd2; margin:5px 0; }
.mk-footer .mk-legal-identity { margin-top:20px; flex-wrap:wrap; justify-content:flex-start; gap:8px 20px; font-size:14px; }
.mk-footer .mk-legal-identity a { margin:0; }
.mk-footer .mk-producer { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-block:8px; }
.mk-footer .mk-producer-brand { display:inline-flex; align-items:center; gap:8px; margin:0; color:#fff; text-decoration:none; }
.mk-producer-brand img { width:36px; height:40px; object-fit:contain; flex:none; }
.mk-producer-brand strong { font-size:18px; }
.mk-producer-brand:hover strong { text-decoration:underline; }
.mk-section h2,.mk-section h3,.mk-action { overflow-wrap:anywhere; }
.mk-editorbar { padding-block:14px; display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
.mk-editorbar label { display:flex; gap:8px; align-items:center; margin:0; }
.mk-edit { display:flex; align-items:center; gap:10px; margin-bottom:14px; font-size:13px; }
.mk-card .mk-edit { padding:10px; margin:0; }
.mk-notice { padding-block:60px; min-height:250px; }
.mk-banner { background:#5c1f24; border-bottom:1px solid #a8434b; color:#fff; padding-block:12px; font-weight:600; }
.mk-access { max-width:650px; min-height:380px; }
.mk-access form { display:grid; gap:14px; max-width:440px; }
.mk-access input { padding:12px; border:1px solid #719ba9; border-radius:4px; }
.mk-access .mk-action { justify-self:start; }
.mk-admin-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); max-width:1100px; gap:20px; border:0; padding:24px 0; }
.mk-admin-form label { display:flex; flex-direction:column; gap:7px; }
.mk-admin-form input:not([type=checkbox]),.mk-admin-form select,.mk-admin-form textarea { width:100%; border:1px solid #acbfbc; border-radius:4px; padding:9px; background:#fff; color:#203a3c; }
.mk-admin-form .mk-check { flex-direction:row; align-items:center; }
.mk-wide { grid-column:1/-1; }
.mk-image-field { display:grid; gap:10px; }
.mk-image-field img { width:min(360px,100%); max-height:210px; object-fit:contain; object-position:left; }
.mk-auth { min-height:100vh; background:#eaf3f2; }
.mk-auth .cdoc-auth-stage { background:transparent; min-height:calc(100vh - 82px); }
@media(max-width:980px) {
 .mk-desktop { display:none; } .mk-mobile { display:block; color:white; }
 .mk-mobile summary { cursor:pointer; padding:16px; }
 .mk-mobile[open]>div { position:absolute; left:0; right:0; top:82px; background:#092c3b; display:flex; flex-direction:column; padding:20px 26px; gap:5px; }
 .mk-card-grid { gap:18px; } .mk-card-copy { padding:18px; }
 .mk-copy-layout.with-image { gap:24px; }
}
@media(max-width:680px) {
 .mk-container { width:calc(100% - 32px); } .mk-section { padding-block:36px; }
 .mk-section h1 { font-size:42px; } .mk-section h2 { font-size:28px; } .mk-section h3 { font-size:22px; }
 .mk-section:not(.mk-hero) h1 { font-size:28px; }
 .mk-hero { min-height:550px; } .mk-hero-image { object-position:58% center; }
 .mk-hero:after { background:rgba(4,22,34,.73); } .mk-hero .mk-copy { max-width:none; }
 .mk-paragraph { font-size:17px; }
 .mk-card-grid,.mk-copy-layout.with-image,.mk-admin-form { grid-template-columns:1fr; }
 .mk-card img { aspect-ratio:16/10; }
 .mk-contact .mk-copy { gap:8px; } .mk-contact .mk-action { font-size:22px; overflow-wrap:anywhere; }
 .mk-footer>.mk-container { flex-direction:column; gap:15px; } .mk-footer a { margin-left:0; margin-right:20px; }
}