/* Mockup design system (docs/design/mockup), scoped under .mk so cabinets and pico pages are untouched. Generated from the helmet CSS of Main.dc.html. */
.mk{--ink:#0E2340;--blue:#1A4D7C;--blue-tint:#E4EDF6;--accent:#C2410C;--mark:#EA6A1F;--accent-tint:#FBE7DC;--accent-text:#7C2D12;--page:#F3F5F7;--card:#FFFFFF;--line:#D8DEE5;--text:#171C24;--muted:#5A6573;--ok:#1E7B4F;--ok-tint:#E3F3EA;--warn-tint:#FDE2E2;--warn-text:#9B1C1C;--dark-text:#C9D4E2;--dark-cap:#9FB0CC}
.mk{margin:0;background:#F3F5F7;color:#171C24;font-family:var(--rz-font);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
.mk a{color:#1A4D7C}
.mk a:hover{color:#0E2340}
.mk h1,.mk h2{font-family:var(--rz-font-display);font-weight:700;letter-spacing:-.01em;margin:0;text-wrap:pretty}
.mk h1{font-size:48px;line-height:1.12}
.mk h2{font-size:30px;line-height:1.2}
.mk h3{font-family:var(--rz-font);font-weight:700;font-size:19px;line-height:1.3;margin:0}
.mk p{margin:0}
.mk .cap{font-size:14px;color:#5A6573;line-height:1.45}
.mk .wrap{max-width:1200px;margin:0 auto;padding:0 32px;box-sizing:border-box}
.mk .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:12px;font-family:var(--rz-font);font-weight:700;font-size:16px;text-decoration:none;cursor:pointer;border:2px solid transparent;box-sizing:border-box;white-space:nowrap}
.mk .btn-primary{background:#C2410C;color:#fff;border-color:#C2410C}
.mk .btn-primary:hover{background:#A63608;border-color:#A63608;color:#fff}
.mk .btn-dark{background:#0E2340;color:#fff;border-color:#0E2340}
.mk .btn-dark:hover{background:#1A4D7C;border-color:#1A4D7C;color:#fff}
.mk .btn-outline{background:transparent;color:#0E2340;border-color:#0E2340}
.mk .btn-outline:hover{background:#E4EDF6;color:#0E2340}
.mk .btn-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}
.mk .btn-light:hover{border-color:#fff;color:#fff;background:rgba(255,255,255,.08)}
.mk .btn-sm{min-height:44px;padding:0 18px;font-size:15px}
.mk .chip{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;font-weight:600;font-size:14px;background:#E4EDF6;color:#0E2340;white-space:nowrap}
.mk .chip-ok{background:#E3F3EA;color:#1E7B4F}
.mk .chip-warm{background:#FBE7DC;color:#7C2D12}
.mk .chip-warn{background:#FDE2E2;color:#9B1C1C}
.mk .chip-dark{background:rgba(255,255,255,.12);color:#C9D4E2}
.mk .card{background:#fff;border:1px solid #D8DEE5;border-radius:16px;box-sizing:border-box}
.mk .stamp{display:inline-block;padding:7px 12px;border:2px solid #C2410C;border-radius:6px;color:#C2410C;font-family:var(--rz-font-display);font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;transform:rotate(-2deg);line-height:1.2}
.mk .section{padding:88px 0}
.mk .dark{background:#0E2340;color:#C9D4E2}
.mk .dark h1,.mk .dark h2,.mk .dark h3{color:#fff}
.mk .dark .cap{color:#9FB0CC}
.mk .dark a{color:#fff}
.mk .num{font-family:var(--rz-font-display);font-weight:700}
.mk .step-n{width:40px;height:40px;border-radius:12px;background:#0E2340;color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--rz-font-display);font-weight:700;font-size:15px;flex:none}
.mk .nav a{color:#0E2340;text-decoration:none;font-weight:600;font-size:16px;padding:10px 4px}
.mk .nav a:hover{color:#C2410C}
.mk .lang{display:flex;gap:2px;border:1px solid #D8DEE5;border-radius:10px;padding:3px;background:#fff}
.mk .lang button{min-width:40px;min-height:36px;border:0;border-radius:8px;background:transparent;font-family:var(--rz-font);font-weight:700;font-size:13px;color:#5A6573;cursor:pointer}
.mk .lang button.on{background:#0E2340;color:#fff}
.mk .door{display:flex;flex-direction:column;gap:14px;padding:28px;background:#fff;border:1px solid #D8DEE5;border-radius:16px;text-decoration:none;color:#171C24;min-height:200px;box-sizing:border-box}
.mk .door:hover{border-color:#0E2340;color:#171C24}
.mk .door .t{font-family:var(--rz-font-display);font-weight:700;font-size:19px;color:#0E2340;line-height:1.25}
.mk .door .go{margin-top:auto;font-weight:700;color:#C2410C;display:flex;align-items:center;gap:8px}
.mk .ico{width:44px;height:44px;border-radius:12px;background:#E4EDF6;color:#0E2340;display:flex;align-items:center;justify-content:center;flex:none}
.mk .ico svg{width:24px;height:24px}
.mk .svc{display:flex;flex-direction:column;gap:12px;padding:24px;min-height:190px}
.mk .row{display:flex;align-items:center;gap:12px}
.mk .li{display:flex;gap:12px;align-items:flex-start}
.mk .li svg{width:22px;height:22px;flex:none;margin-top:3px}
.mk .ok{color:#1E7B4F}
.mk .no{color:#9B1C1C}
.mk .blueprint{background-color:#E4EDF6;background-image:linear-gradient(#D8DEE5 1px,transparent 1px),linear-gradient(90deg,#D8DEE5 1px,transparent 1px);background-size:24px 24px;border-radius:12px;min-height:150px;display:flex;align-items:flex-end;padding:12px;box-sizing:border-box}
.mk .bar{height:34px;border-radius:8px;display:flex;align-items:center;padding:0 12px;color:#fff;font-weight:700;font-size:14px;min-width:60px;box-sizing:border-box}
.mk details{border-top:1px solid #D8DEE5}
.mk summary{cursor:pointer;list-style:none;padding:20px 0;font-weight:700;font-size:18px;color:#0E2340;display:flex;justify-content:space-between;gap:16px}
.mk summary::-webkit-details-marker{display:none}
.mk summary::after{content:"+";font-family:var(--rz-font-display);color:#C2410C;flex:none}
.mk details[open] summary::after{content:"–"}
.mk details p{padding:0 0 20px;color:#171C24;max-width:820px}
.mk .foot a{color:#C9D4E2;text-decoration:none;font-size:15px}
.mk .foot a:hover{color:#fff}
.mk input[type=range]{width:100%;accent-color:#C2410C;height:44px}
@media (max-width:720px){.mk h1{font-size:34px}.mk h2{font-size:26px}.mk .section{padding:56px 0}.mk .wrap{padding:0 20px}.mk .hide-m{display:none}}

/* ---- Shell: header and footer (mockup Main/Mobile .dc.html) ---- */
.mk-hd{background:#fff;border-bottom:1px solid #D8DEE5;font-size:16px;line-height:1.5}
.mk-hd .hd{display:flex;align-items:center;gap:24px;min-height:72px;flex-wrap:wrap}
.mk-hd .brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.mk-hd .brand span{font-family:var(--rz-font-display);font-weight:700;font-size:20px;color:#0E2340;letter-spacing:-.01em}
.mk-hd .menu{display:flex;align-items:center;gap:24px;flex:1;min-width:0}
.mk-hd .nav{display:flex;gap:18px;flex-wrap:wrap}
.mk-hd .nav a.on{color:#C2410C}
.mk-hd .sec{display:flex;align-items:center;gap:14px;margin-left:auto}
.mk-hd .login{font-weight:700;color:#0E2340;text-decoration:none}
.mk-hd .login:hover{color:#C2410C}
.mk-hd .burger{display:none;width:44px;height:44px;border:1px solid #D8DEE5;border-radius:10px;background:#fff;align-items:center;justify-content:center;cursor:pointer;padding:0}
.mk .lang a{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:36px;border-radius:8px;font-weight:700;font-size:13px;color:#5A6573;text-decoration:none}
.mk .lang a:hover{color:#0E2340}
.mk .lang a.on{background:#0E2340;color:#fff}
.mk-ft{padding:56px 0 28px;border-top:1px solid rgba(255,255,255,.14);font-size:17px;line-height:1.55}
.mk-ft .ft{display:flex;flex-direction:column;gap:40px}
.mk-ft .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:32px}
.mk-ft .fcol{display:flex;flex-direction:column;gap:10px}
.mk-ft .fbrand{gap:14px}
.mk-ft .fname{display:flex;align-items:center;gap:10px}
.mk-ft .fname span{font-family:var(--rz-font-display);font-weight:700;font-size:18px;color:#fff}
.mk-ft .ft-motto{font-style:italic;color:#C9D4E2}
.mk-ft .fbot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.14);padding-top:20px}
.mk-ft a:hover{text-decoration:none}
.mk-ft .flinks{display:flex;gap:6px 18px;flex-wrap:wrap}
.mk-ft .flinks a{font-size:13px}
@media (max-width:1279px){
  .mk-hd .hd{min-height:64px;gap:12px}
  .mk-hd .brand{gap:8px}
  .mk-hd .brand svg{width:28px;height:28px}
  .mk-hd .brand span{font-size:17px}
  .mk-hd .cta{margin-left:auto;padding:0 16px}
  .mk-hd .burger{display:flex}
  .mk-hd:not(:has(.cta)) .burger{margin-left:auto}
  .mk-hd .menu{display:none;order:5;flex:none;flex-basis:100%;flex-direction:column;align-items:stretch;gap:8px;padding:4px 0 16px}
  .mk-hd .menu.is-open{display:flex}
  .mk-hd .nav{flex-direction:column;gap:0}
  .mk-hd .nav a{padding:12px 4px}
  .mk-hd .sec{margin-left:0;justify-content:space-between}
}
/* ---- Mobile deltas (Mobile.dc.html, 390 px) ---- */
@media (max-width:720px){
  .mk{font-size:16px;line-height:1.5}
  .mk h1{font-size:30px;line-height:1.16}
  .mk h2{font-size:24px;line-height:1.22}
  .mk h3{font-size:17px}
  .mk .cap{font-size:13px}
  .mk .btn{padding:0 20px}
  .mk .btn-sm{padding:0 16px}
  .mk .chip{min-height:28px;padding:0 10px;font-size:13px}
  .mk .stamp{padding:6px 10px;font-size:10px;background:#fff}
  .mk .door{gap:12px;padding:22px;min-height:0}
  .mk .door .t{font-size:17px}
  .mk .section{padding:48px 0}
  .mk .svc{min-height:0}
  .mk .li{gap:10px}
  .mk .li svg{width:20px;height:20px}
  .mk .blueprint{min-height:140px}
  .mk .bar{height:30px;padding:0 10px;font-size:13px;min-width:52px}
  .mk-ft{padding:36px 0 24px}
  .mk-ft .ft{gap:18px}
  .mk-ft .fname span{font-size:16px}
  .mk-ft .fname svg{width:26px;height:26px}
  .mk-ft .cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}
  .mk-ft .fcol{display:contents}
  .mk-ft .fbrand{display:flex;grid-column:1/-1;order:-1;gap:10px}
  .mk-ft .ft-tag{display:none}
  .mk-ft .fbot{flex-direction:column;gap:4px;padding-top:14px}
}
.mk.dark{background:#0E2340;color:#C9D4E2}
.mk.dark .cap{color:#9FB0CC}
.mk.dark a{color:#fff}
.mk.foot a{color:#C9D4E2;text-decoration:none;font-size:15px}
.mk.foot a:hover{color:#fff}
.mk-hd .nav a{white-space:nowrap}
.mk-hd .nav{flex-wrap:nowrap;flex:none}

/* Sticky bottom bar (mobile, public pages): hidden while a form field has focus */
.mk-sticky{display:none}
@media (max-width:720px){
  .mk-sticky{display:flex;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #D8DEE5;box-shadow:0 -4px 16px rgba(14,35,64,.08)}
  .mk-sticky .btn{flex:1;justify-content:center;text-align:center}
  .mk-sticky .btn-wa{background:#1E7B4F;border-color:#1E7B4F;color:#fff}
  body:has(input:focus,textarea:focus,select:focus) .mk-sticky{display:none}
  body:has(.mk-sticky) .mk-ft{padding-bottom:72px}
}
@media print{.mk-sticky{display:none}}