/* fonts/fonts.css */
/* cyrillic-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/cormorant-garamond-italic-1.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/cormorant-garamond-italic-2.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/cormorant-garamond-italic-3.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/cormorant-garamond-italic-4.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/cormorant-garamond-italic-5.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/cormorant-garamond-italic-1.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/cormorant-garamond-italic-2.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/cormorant-garamond-italic-3.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/cormorant-garamond-italic-4.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/cormorant-garamond-italic-5.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/cormorant-garamond-6.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/cormorant-garamond-7.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/cormorant-garamond-8.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/cormorant-garamond-9.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/cormorant-garamond-10.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/cormorant-garamond-6.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/cormorant-garamond-7.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/cormorant-garamond-8.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/cormorant-garamond-9.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/cormorant-garamond-10.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/cormorant-garamond-6.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/cormorant-garamond-7.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/cormorant-garamond-8.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/cormorant-garamond-9.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/cormorant-garamond-10.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/dm-mono-1.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/dm-mono-2.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/dm-mono-3.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/dm-mono-4.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/dm-sans-1.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/dm-sans-2.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/dm-sans-1.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/dm-sans-2.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/dm-sans-1.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/dm-sans-2.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* fonts/tabler-icons.min.css */
/*!
 * Tabler Icons 2.47.0 by tabler - https://tabler.io
 * License - https://github.com/tabler/tabler-icons/blob/master/LICENSE
 */@font-face{font-family:"tabler-icons";font-style:normal;font-weight:400;src:url("/fonts/tabler-icons.woff2?v2.47.0") format("woff2")}.ti{font-family:"tabler-icons" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ti-accessible:before{content:"\eba9"}.ti-antenna-bars-5:before{content:"\eccb"}.ti-apps:before{content:"\ebb6"}.ti-arrow-right:before{content:"\ea1f"}.ti-battery-3:before{content:"\ea31"}.ti-brand-android:before{content:"\ec16"}.ti-brand-apple:before{content:"\ec17"}.ti-brand-google:before{content:"\ec1f"}.ti-brand-linkedin:before{content:"\ec8c"}.ti-building-bank:before{content:"\ebe2"}.ti-calendar:before{content:"\ea53"}.ti-certificate:before{content:"\ed76"}.ti-chart-line:before{content:"\ea5c"}.ti-check:before{content:"\ea5e"}.ti-chevron-left:before{content:"\ea60"}.ti-chevron-right:before{content:"\ea61"}.ti-circle-check:before{content:"\ea67"}.ti-code:before{content:"\ea77"}.ti-cookie:before{content:"\ef0f"}.ti-device-laptop:before{content:"\eb64"}.ti-device-mobile:before{content:"\ea8a"}.ti-devices:before{content:"\eb87"}.ti-eye-off:before{content:"\ecf0"}.ti-file-description:before{content:"\f028"}.ti-file-text:before{content:"\eaa2"}.ti-fingerprint:before{content:"\ebd1"}.ti-inbox:before{content:"\eac4"}.ti-info-circle:before{content:"\eac5"}.ti-layout-2:before{content:"\eacc"}.ti-list-check:before{content:"\eb6a"}.ti-lock:before{content:"\eae2"}.ti-mail:before{content:"\eae5"}.ti-map-pin:before{content:"\eae8"}.ti-menu-2:before{content:"\ec42"}.ti-message-chatbot:before{content:"\f38a"}.ti-message-circle-2:before{content:"\ed3f"}.ti-message-report:before{content:"\ec9b"}.ti-palette:before{content:"\eb01"}.ti-pencil:before{content:"\eb04"}.ti-receipt-2:before{content:"\edfa"}.ti-report-analytics:before{content:"\eecb"}.ti-scale:before{content:"\ebc2"}.ti-send:before{content:"\eb1e"}.ti-server:before{content:"\eb1f"}.ti-server-2:before{content:"\f07c"}.ti-shield-check:before{content:"\eb22"}.ti-shield-lock:before{content:"\ed58"}.ti-user-circle:before{content:"\ef68"}.ti-wifi:before{content:"\eb52"}.ti-x:before{content:"\eb55"}

/* source/site.css */
:root{--paper:#f3f0ea;--surface:#f7f4f0;--card:#fff;--ink:#1c1917;--ink-2:#292524;--border:#e5e0d9;--border-2:#d6d3d1;--hair:#f5f5f4;--muted:#78716c;--faint:#a8a29e;--accent:#166534;--red:#991b1b;--amber:#b45309;--radius:10px;--slate:#393d47;--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',system-ui,sans-serif;--mono:'DM Mono',ui-monospace,monospace}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:#fff}
body{font-family:var(--sans);font-size:13px;color:var(--ink);-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-decoration:none}a:hover{color:var(--ink)}
.serif{font-family:var(--serif)}
.in{max-width:1140px;margin:0 auto;padding:0 28px}
.mk-btn{display:inline-flex;align-items:center;gap:7px;font-family:var(--sans);font-weight:500;font-size:13px;border-radius:9px;cursor:pointer;border:1px solid transparent;padding:9px 16px;transition:all .15s;text-decoration:none}
.mk-btn i{font-size:16px}
.mk-btn-lg{padding:12px 22px;font-size:14px;border-radius:10px}
.mk-btn-dark{background:var(--slate);color:#fff}.mk-btn-dark:hover{background:#2c2f37;color:#fff;transform:translateY(-1px)}
.mk-btn-ghost{background:transparent;color:var(--ink);border-color:var(--border-2)}.mk-btn-ghost:hover{border-color:var(--ink);background:#fff;color:var(--ink)}
.mk-btn-cream{background:var(--paper);color:var(--ink)}.mk-btn-cream:hover{color:var(--ink);transform:translateY(-1px);box-shadow:0 8px 24px rgba(0,0,0,.18)}
.mk-link-btn{font-size:13px;font-weight:500;color:var(--ink);padding:9px 6px}.mk-link-btn:hover{color:var(--accent)}
/* nav */
.mk-nav{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.mk-nav-in{max-width:1140px;margin:0 auto;padding:0 28px;height:66px;display:flex;align-items:center;gap:30px}
.mk-logo{display:flex;align-items:center;gap:9px;cursor:pointer;color:var(--ink)}.mk-logo:hover{color:var(--ink)}
.copa-mark{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;flex-shrink:0}
.copa-mark img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.copa-mark.light img{filter:brightness(0) invert(1);mix-blend-mode:normal}
.mk-logo-word{font-family:var(--serif);font-size:21px;font-weight:600;letter-spacing:-.01em;line-height:1}
.mk-logo-sub{font-family:var(--sans);font-size:9.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-left:2px;padding:3px 7px;border:1px solid var(--border-2);border-radius:20px}
.mk-links{display:flex;gap:22px;flex:1;flex-wrap:wrap}
.mk-links a{font-size:13.5px;color:var(--muted);transition:color .12s}.mk-links a:hover{color:var(--ink)}.mk-links a.on{color:var(--ink);font-weight:600}
.mk-nav-cta{display:flex;align-items:center;gap:10px}
.burger{display:none;margin-left:auto;width:38px;height:38px;border-radius:9px;border:1px solid var(--border-2);background:none;color:var(--ink);font-size:19px;cursor:pointer;align-items:center;justify-content:center}
.page{display:none}.page.on{display:block}
/* hero */
.mk-hero{max-width:1140px;margin:0 auto;padding:62px 28px 50px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:44px;align-items:center}
.mk-eyebrow{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:18px}
.mk-hero h1{font-family:var(--serif);font-size:50px;line-height:1.08;font-weight:500;letter-spacing:-.015em;margin-bottom:22px;text-wrap:balance}
.mk-hero h1 em{color:var(--accent)}
.mk-hero p{font-size:16.5px;line-height:1.65;color:var(--muted);max-width:480px;margin-bottom:30px;text-wrap:pretty}
.mk-hero-cta{display:flex;gap:12px;margin-bottom:18px;flex-wrap:wrap}
.mk-hero-note{font-size:12.5px;color:var(--faint)}
/* browser preview */
.pv{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 30px 70px -30px rgba(28,25,23,.35),0 2px 6px rgba(28,25,23,.05)}
.pv-bar{height:34px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:6px;padding:0 12px}
.pv-dot{width:9px;height:9px;border-radius:50%}
.pv-url{margin:0 auto;font-family:var(--mono);font-size:10.5px;color:var(--faint);background:#fff;border:1px solid var(--border);border-radius:6px;padding:3px 14px}
.pv-site{padding:22px 24px 26px}
.pv-site-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}
.pv-site-logo{font-family:var(--serif);font-size:17px;font-weight:600;display:flex;align-items:center;gap:7px}
.pv-site-logo span{width:20px;height:20px;border:1.5px solid var(--ink);border-radius:4px;display:inline-flex;align-items:center;justify-content:center;font-size:12px}
.pv-site-links{display:flex;gap:12px}.pv-site-links i{display:block;width:30px;height:5px;border-radius:3px;background:var(--border)}
.pv-site-h{font-family:var(--serif);font-size:27px;line-height:1.1;font-weight:500;max-width:260px;margin-bottom:10px}
.pv-site-p{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.pv-site-p i{display:block;height:6px;border-radius:3px;background:var(--hair)}
.pv-site-btn{display:inline-block;background:var(--ink);color:#fff;font-size:10.5px;font-weight:500;padding:7px 13px;border-radius:7px}
.pv-site-img{margin-top:20px;height:92px;border-radius:10px;background:repeating-linear-gradient(135deg,var(--surface) 0 9px,#efebe4 9px 18px);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:10px;color:var(--faint)}
.pv-wrap{position:relative}
.lutey-float{position:absolute;right:-14px;bottom:-26px;display:flex;align-items:flex-end;gap:6px}
.lutey-float img{width:86px;height:86px;object-fit:contain;mix-blend-mode:multiply}
.bubble{position:relative;background:#fff;border:2.5px solid var(--ink);box-shadow:3px 4px 0 rgba(28,25,23,.85);border-radius:14px;padding:9px 13px;font-size:12.5px;font-weight:500;max-width:200px;line-height:1.4;margin-bottom:62px}
.bubble svg{position:absolute;bottom:-17px;right:26px}
/* trust */
.mk-trust{max-width:1140px;margin:0 auto;padding:40px 28px 48px;text-align:center}
.mk-trust>span{font-size:12px;color:var(--faint);letter-spacing:.02em}
.mk-trust-row{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 38px;margin-top:20px}
.mk-trust-row span{font-family:var(--serif);font-size:21px;font-weight:500;color:var(--muted);font-style:italic}
/* sections */
.mk-features{background:#fff;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:72px 28px}
.mk-sec-head{max-width:1140px;margin:0 auto 44px}
.mk-sec-head h2{font-family:var(--serif);font-size:38px;font-weight:500;letter-spacing:-.01em;line-height:1.1;max-width:560px;text-wrap:balance}
.mk-sec-head p{font-size:14.5px;line-height:1.65;color:var(--muted);max-width:520px;margin-top:12px}
.mk-feat-grid{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.mk-feat-grid.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.mk-feat{padding:28px;border:1px solid var(--border);border-radius:14px;background:var(--surface);transition:border-color .15s,transform .15s;display:flex;flex-direction:column;color:var(--ink)}
.mk-feat:hover{border-color:var(--border-2);transform:translateY(-2px);color:var(--ink)}
.mk-feat-ic{font-size:30px;color:var(--accent);margin-bottom:14px;line-height:1}
.mk-feat h3{font-size:17px;font-weight:600;margin-bottom:8px}
.mk-feat p{font-size:13.5px;line-height:1.6;color:var(--muted);text-wrap:pretty}
.mk-feat .more{margin-top:auto;padding-top:16px;font-size:13px;font-weight:500;color:var(--accent);display:flex;align-items:center;gap:5px}
.dotweb{color:var(--accent);font-style:italic}

.mk-logo-word .dotweb{color:var(--accent);font-style:italic}
.mk-foot .mk-logo-word .dotweb{color:#7fe3ad}

/* source/site-2.css */
/* page hero */
.mk-phero{max-width:760px;margin:0 auto;padding:64px 28px 40px;text-align:center}
.mk-phero h1{font-family:var(--serif);font-size:46px;line-height:1.08;font-weight:500;letter-spacing:-.015em;margin-bottom:16px;text-wrap:balance}
.mk-phero p{font-size:16px;line-height:1.65;color:var(--muted);text-wrap:pretty}
/* spotlight */
.mk-spot{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.mk-spot.white{background:#fff}
.mk-spot-in{max-width:1140px;margin:0 auto;padding:72px 28px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.mk-spot-copy h2{font-family:var(--serif);font-size:34px;font-weight:500;line-height:1.15;margin:0 0 14px;text-wrap:balance}
.mk-spot-copy>p{font-size:14.5px;line-height:1.65;color:var(--muted);margin-bottom:22px;max-width:480px}
.mk-spot-list{list-style:none;margin:0 0 26px;display:flex;flex-direction:column;gap:16px}
.mk-spot-list li{display:flex;gap:13px;align-items:flex-start}
.mk-spot-ic{flex-shrink:0;width:38px;height:38px;border-radius:10px;background:color-mix(in srgb,var(--accent) 11%,var(--card));color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:19px}
.mk-spot-list strong{display:block;font-size:14px;font-weight:600;margin-bottom:2px}
.mk-spot-list span{font-size:12.5px;line-height:1.55;color:var(--muted)}
.mk-spot-art{display:flex;justify-content:center}
.nots{display:flex;gap:8px;flex-wrap:wrap}
.nots span{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;padding:5px 11px;border-radius:20px;border:1px solid var(--border-2);color:var(--muted);background:#fff}
.nots i{color:var(--red);font-size:13px}
/* server mock card */
.sm{width:100%;max-width:380px;background:var(--card);border:1px solid var(--border);border-radius:18px;box-shadow:0 24px 60px -18px rgba(28,25,23,.28),0 2px 6px rgba(28,25,23,.05);padding:20px}
.sm-head{display:flex;align-items:center;gap:12px;padding-bottom:16px;margin-bottom:14px;border-bottom:1px solid var(--hair)}
.sm-ic{width:40px;height:40px;border-radius:10px;background:color-mix(in srgb,var(--accent) 11%,#fff);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:20px}
.sm-t{font-size:14px;font-weight:600}.sm-d{font-size:12px;color:var(--muted);margin-top:1px}
.sm-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;font-size:12.5px;border-bottom:1px solid var(--hair)}
.sm-row:last-child{border-bottom:0}
.sm-row span:first-child{color:var(--muted)}
.sm-ok{display:inline-flex;align-items:center;gap:6px;font-weight:500;color:var(--ink)}
.sm-ok::before{content:"";width:7px;height:7px;border-radius:50%;background:#16a34a}
.sm-mono{font-family:var(--mono);font-size:11.5px}
/* steps */
.steps{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.step{border-top:1.5px solid var(--ink);padding-top:16px}
.step .n{font-family:var(--mono);font-size:11.5px;color:var(--muted);margin-bottom:10px}
.step h4{font-family:var(--serif);font-size:22px;font-weight:600;margin-bottom:6px}
.step p{font-size:13.5px;line-height:1.6;color:var(--muted)}
/* pricing */
.price-grid{max-width:960px;margin:0 auto;padding:8px 28px 10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.price-card{position:relative;background:#fff;border:1px solid var(--border);border-radius:16px;padding:26px 22px;display:flex;flex-direction:column}
.price-card.featured{border-color:var(--slate);border-width:2px;box-shadow:0 18px 44px -22px rgba(57,61,71,.5)}
.price-badge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--slate);color:#fff;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:4px 12px;border-radius:20px;white-space:nowrap}
.price-name{font-family:var(--serif);font-size:23px;font-weight:600}
.price-tagline{font-size:12px;color:var(--muted);margin-top:4px;line-height:1.45;min-height:34px}
.price-amt{display:flex;align-items:baseline;gap:1px;margin:14px 0 4px}
.price-cur{font-size:20px;font-weight:500}
.price-n{font-family:var(--serif);font-size:44px;font-weight:600;line-height:1}
.price-per{font-size:12px;color:var(--muted);margin-left:4px}
.price-tbc{font-family:var(--mono);font-size:11px;color:var(--amber);margin-bottom:16px}
.price-card .mk-btn{width:100%;justify-content:center}
.price-feats{list-style:none;margin-top:18px;display:flex;flex-direction:column;gap:9px}
.price-feats li{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;color:var(--ink-2);line-height:1.4}
.price-feats li i{color:var(--accent);font-size:15px;flex-shrink:0}
.price-allinc{max-width:1140px;margin:28px auto 0;padding:0 28px 64px;display:flex;flex-wrap:wrap;justify-content:center;gap:24px}
.price-allinc span{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--muted)}
.price-allinc i{color:var(--accent);font-size:16px}
/* clients */
.cl-grid{max-width:1140px;margin:0 auto;padding:8px 28px 72px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.cl{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;color:var(--ink);transition:transform .15s,border-color .15s,box-shadow .15s}
.cl:hover{transform:translateY(-2px);border-color:var(--border-2);box-shadow:0 4px 16px -6px rgba(28,25,23,.18);color:var(--ink)}
.cl-shot{aspect-ratio:16/10;background:repeating-linear-gradient(135deg,var(--surface) 0 10px,#efebe4 10px 20px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:11px;color:var(--faint);padding:16px;text-align:center}
.cl-b{padding:16px 18px 18px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.cl-b h3{font-family:var(--serif);font-size:22px;font-weight:600;line-height:1.1}
.cl-tag{font-size:11px;font-weight:500;padding:3px 9px;border-radius:20px;background:var(--surface);border:1px solid var(--border);color:var(--muted);white-space:nowrap}
/* about */
.about-story{max-width:720px;margin:0 auto;padding:8px 28px 10px}
.about-story p{font-size:15.5px;line-height:1.75;color:var(--ink-2);margin-bottom:18px}
.about-story em{font-style:italic;color:var(--accent)}
.about-todo{border:1px dashed var(--border-2);border-radius:12px;padding:18px 20px;font-size:13.5px;color:var(--muted);line-height:1.6;background:var(--surface)}
.about-values{max-width:1000px;margin:32px auto 72px;padding:0 28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.about-val{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px}
.about-val-ic{width:46px;height:46px;border-radius:12px;background:var(--card);color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:14px;font-size:22px}
.about-val-h{font-size:16px;font-weight:600;margin-bottom:7px}
.about-val-d{font-size:13px;line-height:1.6;color:var(--muted)}
/* contact */
.contact-wrap{max-width:940px;margin:0 auto;padding:8px 28px 72px;display:grid;grid-template-columns:.85fr 1.15fr;gap:36px;align-items:start}
.contact-aside{display:flex;flex-direction:column;gap:20px;padding-top:8px}
.contact-line{display:flex;gap:13px;align-items:flex-start}
.contact-ic{width:40px;height:40px;border-radius:11px;background:var(--surface);border:1px solid var(--border);color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:19px}
.contact-line-h{font-size:13px;font-weight:600}
.contact-line-d{font-size:13px;color:var(--muted);margin-top:2px}
.contact-lutey{display:flex;align-items:center;gap:12px;padding:16px;border-radius:14px;background:#fff;border:1px solid var(--border)}
.contact-lutey img{width:56px;height:56px;object-fit:contain;mix-blend-mode:multiply}
.contact-lutey p{font-size:13px;line-height:1.5;color:var(--muted)}
.contact-form{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:26px}
.cf-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cf-field{margin-bottom:14px}
.cf-field label{display:block;font-size:12px;font-weight:600;color:var(--ink-2);margin-bottom:6px}
.cf-field input,.cf-field textarea{width:100%;padding:10px 12px;border:1px solid var(--border-2);border-radius:9px;font-size:13.5px;font-family:var(--sans);color:var(--ink);background:#fff;outline:none}
.cf-field input:focus,.cf-field textarea:focus{border-color:var(--accent)}
.cf-field textarea{min-height:120px;resize:vertical}
.chips{display:flex;gap:7px;flex-wrap:wrap}
.chip{font-family:var(--sans);font-size:12.5px;padding:6px 12px;border-radius:20px;border:1px solid var(--border-2);background:#fff;color:var(--ink-2);cursor:pointer}
.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.contact-sent{display:none;text-align:center;padding:20px 10px}
.contact-sent img{width:96px;height:96px;object-fit:contain;mix-blend-mode:multiply}
.contact-sent-h{font-family:var(--serif);font-size:24px;font-weight:600;margin:6px 0}
.contact-sent-d{font-size:13.5px;color:var(--muted)}
/* cta + footer */
.mk-cta{background:var(--ink);background-image:radial-gradient(circle at 50% 0%,rgba(22,101,52,.25),transparent 60%);padding:80px 28px;text-align:center;color:#fff}
.mk-cta h2{font-family:var(--serif);font-size:42px;font-weight:500;letter-spacing:-.01em;margin-bottom:14px;text-wrap:balance}
.mk-cta p{font-size:16px;color:rgba(255,255,255,.7);margin-bottom:30px}
.mk-foot{background:#161311;color:rgba(255,255,255,.55)}
.mk-foot-top{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1.5fr 2.5fr;gap:48px;padding:56px 28px 40px}
.mk-foot .mk-logo-word{color:#fff}
.mk-foot .mk-logo-sub{color:rgba(255,255,255,.6);border-color:rgba(255,255,255,.2)}
.mk-foot-meaning{font-size:12.5px;line-height:1.7;color:rgba(255,255,255,.55);max-width:340px;margin-top:16px}
.mk-foot-meaning em{color:rgba(255,255,255,.9)}
.mk-foot-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.mk-foot-h{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.92);margin-bottom:14px}
.mk-foot-col a{display:block;font-size:13px;color:rgba(255,255,255,.55);margin-bottom:10px}.mk-foot-col a:hover{color:#fff}
.mk-foot-cta{max-width:1140px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 28px;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);flex-wrap:wrap}
.mk-foot-cta-t{font-family:var(--serif);font-size:22px;color:#fff;font-weight:500}
.mk-foot-cta-d{font-size:13px;color:rgba(255,255,255,.55);margin-top:3px}
.mk-foot-bar{max-width:1140px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 28px 28px;font-size:11.5px;color:rgba(255,255,255,.45);flex-wrap:wrap}
.mk-foot-bar span{display:flex;align-items:center;gap:6px}
@media (max-width:980px){
.mk-links{display:none}.burger{display:inline-flex}.mk-nav-cta .mk-btn{display:none}
.mk-nav.open .mk-links{display:flex;position:absolute;top:66px;left:0;right:0;flex-direction:column;gap:0;background:#fff;border-bottom:1px solid var(--border);padding:6px 28px 14px}
.mk-nav.open .mk-links a{padding:12px 0;border-bottom:1px solid var(--border);font-size:15px}
.mk-hero,.mk-spot-in,.contact-wrap,.mk-foot-top{grid-template-columns:1fr}
.mk-hero h1{font-size:42px}
.mk-feat-grid.g3,.cl-grid,.steps,.price-grid{grid-template-columns:1fr 1fr}
.lutey-float{right:0}
}
@media (max-width:620px){
.mk-feat-grid,.mk-feat-grid.g3,.cl-grid,.steps,.price-grid,.about-values,.cf-row,.mk-foot-cols{grid-template-columns:1fr}
.mk-phero h1{font-size:36px}.mk-cta h2{font-size:32px}
.lutey-float{position:static;justify-content:flex-end;margin-top:14px}.bubble{margin-bottom:40px}
}

/* source/site-3.css */
/* FAQs */
.faq-sec{background:var(--surface)}
.faq-sec .mk-sec-head{max-width:820px}
.faq{max-width:820px;margin:0 auto;border-top:1px solid var(--border)}
.faq-q{border-bottom:1px solid var(--border)}
.faq-q summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 2px;font-size:16px;font-weight:600;color:var(--ink)}
.faq-q summary::-webkit-details-marker{display:none}
.faq-q summary::after{content:"";flex-shrink:0;width:9px;height:9px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s}
.faq-q[open] summary::after{transform:rotate(225deg) translate(-2px,-2px)}
.faq-q summary:hover{color:var(--accent)}
.faq-a{padding:0 2px 20px;max-width:700px}
.faq-a p{font-size:14px;line-height:1.7;color:var(--muted);margin-bottom:10px}
.faq-a p:last-child{margin-bottom:0}
.faq-a a,.guide a{text-decoration:underline;text-underline-offset:2px}
/* guide */
.guide{max-width:820px;margin:0 auto;padding:8px 28px 72px}
.guide-note{display:flex;gap:10px;align-items:flex-start;border:1px dashed var(--border-2);border-radius:12px;padding:14px 16px;font-size:13px;line-height:1.6;color:var(--muted);background:var(--surface);margin-bottom:36px}
.guide-note i{color:var(--amber);font-size:17px;margin-top:1px}
.guide-sec{display:grid;grid-template-columns:56px minmax(0,1fr);gap:8px;padding:30px 0;border-top:1.5px solid var(--ink)}
.guide-n{font-family:var(--mono);font-size:11.5px;color:var(--muted);padding-top:9px}
.guide-sec h2{font-family:var(--serif);font-size:28px;font-weight:600;line-height:1.15;margin-bottom:12px}
.guide-sec p{font-size:14.5px;line-height:1.7;color:var(--ink-2);margin-bottom:12px}
.guide-list{list-style:none;display:flex;flex-direction:column;gap:10px;margin:4px 0 14px}
.guide-list li{display:flex;gap:9px;align-items:flex-start;font-size:14px;line-height:1.55;color:var(--ink-2)}
.guide-list i{color:var(--accent);font-size:17px;flex-shrink:0;margin-top:1px}
.guide-cta{margin-top:20px;padding:22px;background:#fff;border:1px dashed var(--border-2);border-radius:16px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
@media (max-width:620px){
.faq-q summary{font-size:15px;padding:17px 2px}
.guide{padding:8px 16px 56px}
.guide-sec{grid-template-columns:1fr;gap:4px;padding:24px 0}
.guide-n{padding-top:0}
.guide-sec h2{font-size:24px}
}

/* source/sites.css */
.pvs-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth}
.pvs-track::-webkit-scrollbar{display:none}
.pvs-slide{flex:0 0 100%;scroll-snap-align:start;height:330px;overflow-y:auto;scrollbar-width:thin}
.pvs-ctrl{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-top:1px solid var(--border);background:var(--surface)}
.pvs-cap{font-size:12px;font-weight:600}.pvs-cap span{font-weight:400;color:var(--muted);margin-left:6px}
.pvs-dots{display:flex;gap:6px;align-items:center}
.pvs-dots button{width:7px;height:7px;border-radius:7px;border:0;background:var(--border-2);cursor:pointer;padding:0;transition:width .2s}
.pvs-dots button.on{background:var(--ink);width:18px}
.pvs-arr{width:26px;height:26px;border-radius:7px;border:1px solid var(--border-2);background:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--ink)}
.pvs-btns{display:flex;gap:6px}
.ms{font-family:var(--sans);font-size:10px;line-height:1.55}
.ph-img{background:repeating-linear-gradient(135deg,#eee9e1 0 8px,#e4ded4 8px 16px);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:8.5px;color:#9a9186}
/* Barker & Dixon — Oxford blue */
.bd{background:#fff;color:#002147}
.bd-nav{background:#002147;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:11px 16px}
.bd-logo{display:flex;align-items:center;gap:8px}
.bd-logo svg{width:28px;height:28px}
.bd-word{font-family:var(--serif);font-size:15px;font-weight:600;letter-spacing:.14em;line-height:1}
.bd-word small{display:block;font-family:var(--sans);font-size:6.5px;letter-spacing:.3em;opacity:.7;margin-top:3px}
.bd-links{display:flex;gap:11px;font-size:8.5px;letter-spacing:.08em;text-transform:uppercase;opacity:.85}
.bd-hero{background:#002147;color:#fff;padding:26px 16px 30px;display:grid;grid-template-columns:1.4fr 1fr;gap:12px;align-items:center;border-top:1px solid rgba(255,255,255,.12)}
.bd-hero h3{font-family:var(--serif);font-size:25px;font-weight:500;line-height:1.05;margin-bottom:8px}
.bd-hero p{opacity:.75;margin-bottom:12px}
.bd-btn{display:inline-block;font-size:8.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:7px 11px;border:1px solid #fff}
.bd-crest{display:flex;justify-content:center}.bd-crest svg{width:96px;height:96px}
.bd-svc{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #e3e7ee}
.bd-svc div{padding:12px 9px;border-right:1px solid #e3e7ee;font-family:var(--serif);font-size:13px;font-weight:600}
.bd-svc div:last-child{border-right:0}
.bd-svc span{display:block;font-family:var(--sans);font-size:8px;font-weight:400;color:#5a6b82;margin-top:2px}
.bd-sec{padding:18px 16px;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:center}
.bd-sec h4{font-family:var(--serif);font-size:17px;font-weight:600;margin-bottom:5px}
.bd-sec p{color:#5a6b82}
.bd-sec .ph-img{height:90px}
.bd-foot{background:#00152e;color:rgba(255,255,255,.7);padding:12px 16px;font-size:7.5px;display:flex;justify-content:space-between;gap:10px;align-items:center}
.bd-badge{border:1px solid rgba(255,255,255,.35);padding:4px 7px;letter-spacing:.06em;white-space:nowrap}
/* Honest Coffee */
.hc{background:#fff;color:#111}
.hc-nav{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;font-size:8px;letter-spacing:.12em;text-transform:uppercase}
.hc-nav b{font-size:11px;letter-spacing:.22em}
.hc-nav span{display:flex;gap:10px;color:#555}
.hc-hero{height:150px;background:#8aa0ad center/cover no-repeat;position:relative;display:flex;align-items:flex-end}
.hc-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 25%,rgba(0,0,0,.6))}
.hc-hero div{position:relative;z-index:1;color:#fff;padding:12px 14px}
.hc-hero h3{font-size:24px;font-weight:700;letter-spacing:.14em;line-height:1}
.hc-hero p{font-size:7.5px;letter-spacing:.08em;text-transform:uppercase;margin-top:6px;opacity:.92;max-width:330px}
.hc-sec{display:grid;grid-template-columns:.8fr 1.2fr;gap:14px;padding:16px 14px;align-items:center}
.hc-tall{aspect-ratio:3/4;background:#c9b8a3 center/cover no-repeat}
.hc-lbl{font-family:var(--serif);font-style:italic;font-size:17px;color:#6b5a48}
.hc-sec h4{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin:3px 0 5px}
.hc-sec p{color:#555}
.hc-btn{display:inline-block;margin-top:9px;background:#111;color:#fff;font-size:7.5px;letter-spacing:.12em;text-transform:uppercase;padding:6px 11px}
.hc-foot{border-top:1px solid #eee;padding:11px 14px;text-align:center;font-size:7.5px;letter-spacing:.16em;text-transform:uppercase;color:#666}
/* Taylor Rose Cumbria */
.tr{background:#fff;color:#1f2933}
.tr-nav{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid #e6e8eb}
.tr-nav b{font-family:var(--serif);font-size:15px;font-weight:600;line-height:1}
.tr-nav b small{display:block;font-family:var(--sans);font-size:6.5px;letter-spacing:.22em;text-transform:uppercase;color:#6b7280;font-weight:500;margin-top:3px}
.tr-nav span{display:flex;gap:10px;font-size:8px;color:#4b5563}
.tr-hero{height:110px;background:#9aa5b1 center/cover no-repeat;position:relative;display:flex;align-items:center;justify-content:center}
.tr-hero::after{content:"";position:absolute;inset:0;background:rgba(20,30,45,.45)}
.tr-hero h3{position:relative;z-index:1;color:#fff;font-family:var(--serif);font-size:26px;font-weight:500}
.tr-body{padding:16px 14px}
.tr-body h5{font-size:10px;font-weight:600;margin-bottom:5px}
.tr-body p{color:#4b5563;margin-bottom:12px}
.tr-team{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:4px}
.tr-p{text-align:center}
.tr-p i{display:block;width:40px;height:40px;border-radius:50%;margin:0 auto 5px;background:#dde2e8}
.tr-p b{display:block;font-size:8.5px}.tr-p span{font-size:7.5px;color:#6b7280}
.tr-foot{background:#f3f4f6;padding:11px 14px;font-size:7px;color:#6b7280;line-height:1.6}
/* client card thumbnail */
.cl-shot.live{padding:0;display:block;overflow:hidden;position:relative;background:#fff}
.cl-shot.live .thumb{width:250%;transform:scale(.4);transform-origin:0 0;pointer-events:none}

/* source/device.css */
/* device showcase: one frame that morphs laptop <-> phone */
.dev{display:flex;flex-direction:column;align-items:center;width:100%}
.dev-seg{display:inline-flex;padding:3px;border-radius:11px;background:var(--surface);border:1px solid var(--border);margin-bottom:16px;position:relative}
.dev-seg button{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;font-family:var(--sans);font-size:12.5px;font-weight:500;padding:6px 14px;border:0;background:none;color:var(--muted);cursor:pointer;border-radius:8px;transition:color .2s}
.dev-seg button.on{color:var(--ink)}
.dev-seg button i{font-size:15px}
.dev-seg .dev-pill{position:absolute;top:3px;bottom:3px;left:3px;border-radius:8px;background:#fff;box-shadow:0 1px 3px rgba(28,25,23,.12);transition:transform .35s cubic-bezier(.65,0,.35,1),width .35s cubic-bezier(.65,0,.35,1)}
.dev-stage{width:100%;height:365px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;transition:height .6s cubic-bezier(.65,0,.35,1)}
.dev.is-phone .dev-stage{height:480px}
.dev-frame{--ease:cubic-bezier(.65,0,.35,1);position:relative;width:min(100%,520px);height:352px;background:#1c1917;border-radius:14px 14px 5px 5px;padding:9px 9px 12px;box-shadow:0 30px 60px -28px rgba(28,25,23,.55),inset 0 0 0 1.5px #2e2a27;transition:width .6s var(--ease),height .6s var(--ease),border-radius .6s var(--ease),padding .6s var(--ease)}
.dev-frame.phone{width:236px;height:480px;border-radius:38px;padding:9px}
.dev-cam{position:absolute;top:3px;left:50%;transform:translateX(-50%);width:5px;height:5px;border-radius:50%;background:#3a3633;transition:all .6s var(--ease);z-index:5}
.dev-frame.phone .dev-cam{top:17px;width:72px;height:20px;border-radius:12px;background:#000}
.dev-screen{width:100%;height:100%;background:#fff;border-radius:4px;overflow:hidden;display:flex;flex-direction:column;transition:border-radius .6s var(--ease)}
.dev-frame.phone .dev-screen{border-radius:30px}
.dev-bar{flex-shrink:0;height:26px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:6px;padding:0 10px;overflow:hidden;transition:height .6s var(--ease),padding .6s var(--ease)}
.dev-frame.phone .dev-bar{height:62px;flex-direction:column;align-items:stretch;justify-content:flex-end;gap:5px;padding:0 12px 7px;background:#fff}
.dev-dots{display:flex;gap:5px}
.dev-frame.phone .dev-dots{display:none}
.dev-status{display:none;justify-content:space-between;font-size:10px;font-weight:600;color:var(--ink);padding:0 8px}
.dev-status span:last-child{display:flex;gap:3px}
.dev-frame.phone .dev-status{display:flex}
.dev-url{margin:0 auto;font-family:var(--mono);font-size:10px;color:var(--faint);background:#fff;border:1px solid var(--border);border-radius:6px;padding:2px 14px;white-space:nowrap}
.dev-frame.phone .dev-url{margin:0;text-align:center;background:var(--surface);border:0;border-radius:8px;padding:4px}
.dev-frame .pvs-track{flex:1;min-height:0;transition:opacity .2s}
.dev-frame.morph .pvs-track{opacity:0}
.dev-frame .pvs-slide{height:100%}
.dev-home{display:none;height:14px;flex-shrink:0;align-items:center;justify-content:center}
.dev-home i{width:80px;height:4px;border-radius:3px;background:#1c1917;opacity:.75}
.dev-frame.phone .dev-home{display:flex}
.dev-base{width:min(108%,570px);height:13px;background:linear-gradient(#e7e3dd,#c9c4bc);border-radius:2px 2px 12px 12px;position:relative;box-shadow:0 10px 20px -8px rgba(28,25,23,.35);transform-origin:50% 0;transition:transform .5s var(--ease),opacity .4s}
.dev-base::before{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:80px;height:5px;background:#b8b2a9;border-radius:0 0 6px 6px}
.dev.is-phone .dev-base{transform:scaleX(.3);opacity:0}
.dev-ctrl{width:100%;max-width:520px;margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:10px}
/* mobile layouts for the mock sites */
.phone .ms{font-size:10.5px}
.phone .bd-links,.phone .hc-nav span,.phone .tr-nav span,.phone .bd-crest{display:none}
.phone .bd-nav::after,.phone .hc-nav::after,.phone .tr-nav::after{content:"\2630";font-size:14px}
.phone .bd-hero{grid-template-columns:1fr;padding:22px 14px}
.phone .bd-hero h3{font-size:24px}
.phone .bd-svc{grid-template-columns:1fr 1fr}
.phone .bd-svc div:nth-child(2){border-right:0}
.phone .bd-svc div:nth-child(-n+2){border-bottom:1px solid #e3e7ee}
.phone .bd-sec,.phone .hc-sec{grid-template-columns:1fr}
.phone .bd-foot{flex-direction:column;align-items:flex-start}
.phone .hc-hero{height:200px}
.phone .hc-hero h3{font-size:22px}
.phone .hc-tall{aspect-ratio:4/3}
.phone .tr-hero{height:130px}
.phone .tr-team{grid-template-columns:1fr 1fr}
.phone .ms p{font-size:10.5px}

/* source/index.html <style> */
.mk-btn,.dev-toggle,.bd-btn,.hc-btn{white-space:nowrap}.mk-hero .ms p,.mk-hero .ms h3,.mk-hero .ms h4{max-width:none;margin-top:0}.mk-hero .ms p{font-size:inherit;line-height:1.55;margin-bottom:0}.mk-hero .bd-hero p{color:rgba(255,255,255,.75);margin-bottom:12px}.mk-hero .bd-sec p{color:#5a6b82}.mk-hero .hc-sec p{color:#555}.mk-hero .tr-body p{color:#4b5563;margin-bottom:12px}.mk-hero .hc-hero p{font-size:7.5px;margin-top:6px;color:#fff}.phone .ms p{font-size:10.5px}.mk-feat-grid.g4{grid-template-columns:repeat(3,minmax(0,1fr))}.rp{width:100%;max-width:380px;background:#fff;border:1px solid var(--border);border-radius:18px;padding:22px;box-shadow:0 24px 60px -18px rgba(28,25,23,.28)}.rp-h{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:14px;margin-bottom:6px;border-bottom:1px solid var(--hair)}.rp-h i{font-size:22px;color:var(--accent)}.rp-t{font-family:var(--serif);font-size:22px;font-weight:600}.rp-d{font-size:12px;color:var(--muted);margin-top:2px}.rp-row{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--hair);font-size:13px}.rp-row span{color:var(--muted)}.rp-row b{font-weight:600}.rp-note{font-size:11px;color:var(--faint);margin-top:12px}.chat-b{font-size:12.5px;line-height:1.5;padding:9px 12px;border-radius:12px;background:var(--surface);border:1px solid var(--border);margin-bottom:8px;max-width:88%}.chat-b.me{margin-left:auto;background:var(--ink);color:#fff;border-color:var(--ink)}.price-proj{max-width:904px;margin:14px auto 0;padding:22px;background:#fff;border:1px dashed var(--border-2);border-radius:16px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.price-proj .price-tagline{min-height:0}@media (max-width:980px) and (min-width:861px){.mk-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}.mk-hero h1{font-size:38px}.mk-hero p{font-size:15px}}@media (max-width:980px){.mk-nav-cta{margin-left:auto}.burger{margin-left:0}.mk-feat-grid.g4{grid-template-columns:1fr 1fr}.price-proj{margin:14px 28px 0}}@media (max-width:620px){.mk-feat-grid.g4{grid-template-columns:1fr}}

/* src/responsive.css */
/* Responsive fixes layered over the source CSS. Loaded last.
   Desktop (>980px) is untouched; these only change narrower screens. */

/* Grid tracks default to min-content width, so the hero's nowrap buttons and the
   520px device frame forced the single column to ~690px on phones. */
@media (max-width:980px){
  .mk-spot-in,.contact-wrap,.mk-foot-top{grid-template-columns:minmax(0,1fr)}
  .mk-hero>*,.mk-spot-in>*{min-width:0}
}
/* 861-980px keeps the two-column hero from source/index.html. */
@media (max-width:860px){
  .mk-hero{grid-template-columns:minmax(0,1fr)}
}

/* Phones: tighter gutters and headings that scale with the screen. */
@media (max-width:620px){
  .mk-nav-in{padding:0 16px;gap:12px}
  .mk-nav-cta{gap:4px}
  .mk-hero{padding:40px 16px 36px;gap:32px}
  .mk-hero h1{font-size:clamp(32px,9.6vw,42px)}
  .mk-hero p{font-size:15.5px}
  .mk-hero-cta .mk-btn{flex:1 1 auto;justify-content:center}
  .mk-phero{padding:48px 16px 32px}
  .mk-phero h1{font-size:clamp(30px,8.8vw,36px)}
  .mk-phero p{font-size:15px}
  .mk-trust,.mk-features{padding-left:16px;padding-right:16px}
  .mk-features{padding-top:52px;padding-bottom:52px}
  .mk-trust-row{gap:10px 22px}
  .mk-trust-row span{font-size:19px}
  .mk-sec-head{margin-bottom:28px}
  .mk-sec-head h2{font-size:clamp(28px,8vw,34px)}
  .mk-spot-in{padding:52px 16px;gap:36px}
  .mk-spot-copy h2{font-size:clamp(27px,7.6vw,32px)}
  .mk-feat{padding:22px}
  .price-grid,.cl-grid,.about-story,.about-values,.contact-wrap,.price-allinc{padding-left:16px;padding-right:16px}
  .price-grid{row-gap:22px}
  .price-proj{margin:14px 16px 0}
  .contact-form{padding:20px}
  .mk-cta{padding:60px 16px}
  .mk-foot-top,.mk-foot-cta,.mk-foot-bar{padding-left:16px;padding-right:16px}
  .mk-nav.open .mk-links{padding:6px 16px 14px}
  /* 16px stops iOS zooming into form fields */
  .cf-field input,.cf-field textarea{font-size:16px}
  .dev-ctrl{flex-wrap:wrap;justify-content:center}
  .dev-ctrl .pvs-cap{flex-basis:100%;text-align:center}
}

/* Very small phones (iPhone SE 1st gen, older Androids). */
@media (max-width:360px){
  .mk-logo-word{font-size:19px}
  .mk-link-btn{padding:9px 4px}
}

/* Bigger touch targets without changing how the controls look. */
.pvs-dots button,.pvs-arr,.burger,.chip{position:relative}
.pvs-dots button::after{content:"";position:absolute;inset:-10px -4px}
@media (pointer:coarse){
  .pvs-arr::after{content:"";position:absolute;inset:-9px}
  .mk-foot-col a{padding:3px 0;margin-bottom:7px}
}

/* Respect reduced-motion settings. */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}
}

/* Footer social links (LinkedIn, Google Business Profile). */
.mk-foot-social{display:flex!important;align-items:center;gap:7px}
.mk-foot-social i{font-size:16px}

/* Reserve the device showcase's space before device.js fills it (no layout shift). */
#pvs{min-height:457px}
@media (max-width:620px){#pvs{min-height:483px}}