@font-face { font-family: 'Inter Fallback'; src: local('Arial'), local('ArialMT'), local('Helvetica'); size-adjust: 107.34%; ascent-override: 90.25%; descent-override: 22.47%; line-gap-override: 0%; }
@font-face { font-family: 'Space Grotesk Fallback'; src: local('Arial Bold'), local('Arial-BoldMT'), local('Arial'); size-adjust: 102.49%; ascent-override: 96.01%; descent-override: 28.49%; line-gap-override: 0%; }
.mk-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.mk-section { position: relative; padding: 80px 20px; }
.mk-section--alt { background: linear-gradient(180deg, #0A0A08 0%, #0E0E0A 50%, #0A0A08 100%); border-top: 1px solid rgba(245,158,11,.08); }
.mk-inner { max-width: 1140px; margin: 0 auto; }
.mk-narrow { max-width: 760px; margin: 0 auto; }
.mk-head { text-align: center; max-width: 760px; margin: 0 auto 40px; }
.mk-head--left { text-align: left; margin-left: 0; }
.mk-eyebrow {
display: inline-flex; align-items: center; gap: 10px; margin: 0 0 16px;
font: 700 11.5px/1.2 'Inter', 'Inter Fallback', system-ui, sans-serif; letter-spacing: .18em; text-transform: uppercase; color: #FBBF24;
}
.mk-eyebrow::before, .mk-head:not(.mk-head--left) .mk-eyebrow::after { content: ''; width: 22px; height: 1px; background: linear-gradient(90deg, transparent, #F59E0B); }
.mk-head:not(.mk-head--left) .mk-eyebrow::after { background: linear-gradient(90deg, #F59E0B, transparent); }
.mk-h1, .mk-h2 {
font-family: 'Space Grotesk', 'Space Grotesk Fallback', ui-sans-serif, system-ui, sans-serif; font-weight: 700; color: #FAFAF0;
letter-spacing: -.035em; line-height: 1.05; margin: 0 0 16px; text-wrap: balance;
overflow-wrap: break-word; -webkit-hyphens: auto; hyphens: auto;
}
.mk-h1 { font-size: clamp(30px, 8.6vw, 60px); }
.mk-h2 { font-size: clamp(30px, 6.6vw, 50px); }
.mk-h1 em, .mk-h2 em {
font-style: normal; color: #F59E0B;
background: linear-gradient(100deg, #FDE68A 0%, #F59E0B 40%, #FCD34D 70%, #D97706 100%);
-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.mk-h3 { font-family: 'Space Grotesk', 'Space Grotesk Fallback', ui-sans-serif, system-ui, sans-serif; font-size: 20px; font-weight: 700; letter-spacing: -.02em; color: #FAFAF0; margin: 0 0 8px; line-height: 1.2; }
.mk-lead { font-size: 16.5px; line-height: 1.65; color: #A8A796; margin: 0 auto; max-width: 40em; text-wrap: pretty; }
.mk-head--left .mk-lead { margin-left: 0; }
.mk-muted { color: #A8A796; }
.mk-small { font-size: 12.5px; line-height: 1.55; color: #8C8C7A; }
.mk-btn {
position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 10px;
min-height: 50px; padding: 0 24px; border-radius: 14px; border: 0; cursor: pointer; text-decoration: none;
font: 800 15px/1.1 'Inter', 'Inter Fallback', system-ui, sans-serif; letter-spacing: -.01em; text-align: center;
transition: transform .2s, box-shadow .2s, background-color .2s, border-color .2s, color .2s;
}
.mk-btn svg { width: 17px; height: 17px; flex: none; }
.mk-btn--primary {
background: linear-gradient(180deg, #FBBF24 0%, #F59E0B 100%); color: #0A0A08;
box-shadow: 0 14px 34px -12px rgba(245,158,11,.6), inset 0 1px 0 rgba(255,255,255,.45), inset 0 -1px 0 rgba(0,0,0,.12);
}
.mk-btn--primary:hover { transform: translateY(-1px); box-shadow: 0 20px 44px -12px rgba(245,158,11,.78), inset 0 1px 0 rgba(255,255,255,.5); }
.mk-btn--ghost { background: rgba(255,255,255,.04); color: #FAFAF0; border: 1px solid rgba(255,255,255,.14); font-weight: 700; }
.mk-btn--ghost:hover { background: rgba(255,255,255,.08); border-color: rgba(245,158,11,.45); }
.mk-btn--block { display: flex; width: 100%; }
.mk-btn:focus-visible, .mk-link:focus-visible, .mk-tile a:focus-visible, .mk-faq summary:focus-visible, .mk-seg button:focus-visible { outline: 3px solid #FCD34D; outline-offset: 3px; }
.mk-link { color: #FBBF24; font-weight: 600; text-decoration: none; border-radius: 4px; }
.mk-link:hover { text-decoration: underline; text-underline-offset: 3px; }
.mk-cta-row { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.mk-cta-row--center { justify-content: center; }
.mk-tier {
display: inline-flex; align-items: center; gap: 6px; padding: 4px 9px; border-radius: 999px; white-space: nowrap;
font: 800 10px/1.1 'Inter', 'Inter Fallback', system-ui, sans-serif; letter-spacing: .08em; text-transform: uppercase;
color: #4ade80; background: rgba(34,197,94,.1); border: 1px solid rgba(34,197,94,.26);
}
.mk-tier--pro { color: #FBBF24; background: rgba(245,158,11,.1); border-color: rgba(245,158,11,.32); }
.mk-tier--biz { color: #c4b5fd; background: rgba(139,92,246,.12); border-color: rgba(139,92,246,.32); }
.mk-tier--ch { color: #fca5a5; background: rgba(239,68,68,.1); border-color: rgba(239,68,68,.28); }
.mk-bento { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; }
.mk-tile {
position: relative; isolation: isolate; overflow: hidden; min-width: 0;
display: flex; flex-direction: column; gap: 18px; padding: 22px; border-radius: 24px;
background: radial-gradient(120% 90% at 0% 0%, rgba(255,255,255,.045), transparent 55%), linear-gradient(180deg, #16160E, #101009);
border: 1px solid rgba(255,255,255,.075); box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
transition: border-color .3s, transform .3s, box-shadow .3s;
}
.mk-tile::before {
content: ''; position: absolute; left: 14%; right: 14%; top: -1px; height: 1px; z-index: 1;
background: linear-gradient(90deg, transparent, rgba(245,158,11,.55), transparent); opacity: .35; transition: opacity .3s;
}
.mk-tile:hover { border-color: rgba(245,158,11,.26); }
.mk-tile:hover::before { opacity: 1; }
.mk-tile-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.mk-ico {
width: 40px; height: 40px; flex: none; border-radius: 12px; display: grid; place-items: center; color: #FBBF24;
background: linear-gradient(180deg, rgba(245,158,11,.16), rgba(245,158,11,.05)); border: 1px solid rgba(245,158,11,.22);
}
.mk-ico svg { width: 20px; height: 20px; }
.mk-tile-desc { font-size: 14.5px; line-height: 1.6; color: #A8A796; margin: 0; }
.mk-tile-desc strong { color: #E7E6D8; font-weight: 600; }
.mk-tile-link { margin-top: 10px; display: inline-flex; font-size: 13.5px; }
.mk-viz { position: relative; margin-top: auto; min-height: 120px; border-radius: 16px; overflow: hidden; }
.mk-viz--share { min-height: 230px; display: grid; place-items: center; background: radial-gradient(70% 70% at 50% 60%, rgba(245,158,11,.14), transparent 70%); }
.mk-phone {
position: relative; width: 150px; height: 208px; border-radius: 28px; padding: 6px;
background: linear-gradient(160deg, #3A3A32, #16160F 40%, #2A2A22);
box-shadow: 0 26px 50px -18px rgba(0,0,0,.9), inset 0 0 0 1px rgba(255,255,255,.14);
}
.mk-phone-screen { position: relative; height: 100%; border-radius: 23px; overflow: hidden; display: grid; place-items: center; background: linear-gradient(180deg, #F59E0B, #B45309); }
.mk-phone-qr { width: 96px; height: 96px; padding: 7px; border-radius: 12px; background: #fff; color: #0A0A08; box-shadow: 0 10px 20px rgba(0,0,0,.25); }
.mk-phone-qr svg { display: block; width: 100%; height: 100%; }
.mk-phone-name { position: absolute; left: 0; right: 0; bottom: 16px; text-align: center; font: 700 11px/1.2 'Space Grotesk', 'Space Grotesk Fallback', system-ui, sans-serif; color: #1C1305; }
.mk-pill {
position: absolute; left: 50%; bottom: 14px; transform: translateX(-50%); max-width: calc(100% - 24px);
display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 999px; white-space: nowrap; overflow: hidden;
background: rgba(24,24,16,.94); border: 1px solid rgba(245,158,11,.25); color: #E7E6D8;
font: 500 11.5px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; box-shadow: 0 12px 26px rgba(0,0,0,.45);
}
.mk-pill b { width: 7px; height: 7px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 8px rgba(34,197,94,.8); flex: none; }
.mk-chiprow { display: flex; flex-wrap: wrap; gap: 6px; }
.mk-chip {
display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 10px; font-size: 12px; font-weight: 600;
color: #E7E6D8; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.09);
}
.mk-chip svg { width: 13px; height: 13px; color: #FBBF24; }
.mk-viz--stack { display: flex; flex-direction: column; justify-content: flex-end; gap: 8px; padding: 6px 2px 2px; }
.mk-note {
display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 14px; min-width: 0;
background: rgba(30,30,20,.9); border: 1px solid rgba(255,255,255,.08); box-shadow: 0 10px 24px -10px rgba(0,0,0,.7);
}
.mk-note-av { width: 30px; height: 30px; flex: none; border-radius: 50%; display: grid; place-items: center; font: 700 11px/1 'Space Grotesk', 'Space Grotesk Fallback', system-ui, sans-serif; color: #1C1305; background: linear-gradient(135deg, #FCD34D, #D97706); }
.mk-note-av--b { background: linear-gradient(135deg, #a5b4fc, #6366f1); color: #fff; }
.mk-note-txt { min-width: 0; flex: 1; }
.mk-note-t, .mk-note-s { display: block; }
.mk-note-t { font-size: 12.5px; font-weight: 700; color: #FAFAF0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mk-note-s { font-size: 11.5px; color: #8C8C7A; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mk-note-dot { width: 8px; height: 8px; flex: none; border-radius: 50%; background: #22c55e; box-shadow: 0 0 8px rgba(34,197,94,.7); }
.mk-note:nth-child(1) { opacity: .55; transform: scale(.94); }
.mk-note:nth-child(2) { opacity: .8; transform: scale(.97); }
.mk-swatches { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; padding: 4px 0; }
.mk-sw { position: relative; aspect-ratio: 1; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(255,255,255,.18), inset 0 2px 3px rgba(255,255,255,.2), 0 6px 14px rgba(0,0,0,.4); }
.mk-sw--free::after { content: ''; position: absolute; right: -2px; top: -2px; width: 9px; height: 9px; border-radius: 50%; background: #22c55e; border: 2px solid #121209; }
.mk-viz--wallet { display: grid; place-items: center; padding: 8px 0; }
.mk-pass {
width: min(250px, 100%); border-radius: 16px; padding: 14px 16px; color: #FAFAF0;
background: linear-gradient(140deg, #22221A, #0A0A08); border: 1px solid rgba(245,158,11,.3); box-shadow: 0 18px 36px -16px rgba(0,0,0,.9);
}
.mk-pass-top { display: flex; justify-content: space-between; font: 700 9.5px/1 'Inter', 'Inter Fallback', system-ui, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: rgba(245,158,11,.8); }
.mk-pass-name { margin-top: 14px; font: 700 15px/1.2 'Space Grotesk', 'Space Grotesk Fallback', system-ui, sans-serif; }
.mk-pass-role { font-size: 11px; color: #8C8C7A; }
.mk-pass-bottom { display: flex; align-items: flex-end; justify-content: space-between; margin-top: 12px; }
.mk-pass-qr { width: 44px; height: 44px; padding: 4px; border-radius: 7px; background: #fff; color: #0A0A08; }
.mk-pass-qr svg { display: block; width: 100%; height: 100%; }
.mk-pass-stores { display: flex; gap: 6px; font-size: 10px; font-weight: 700; color: #A8A796; }
.mk-pass-stores span { padding: 4px 7px; border-radius: 7px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.08); }
.mk-viz--chart { display: flex; flex-direction: column; justify-content: flex-end; gap: 10px; padding: 4px 2px 0; }
.mk-bars { display: flex; align-items: flex-end; gap: 7px; height: 92px; padding: 0 2px; border-bottom: 1px solid rgba(255,255,255,.08); }
.mk-bar { flex: 1; border-radius: 6px 6px 2px 2px; background: linear-gradient(180deg, #FCD34D, rgba(245,158,11,.25)); transform-origin: bottom; }
.mk-bar:nth-child(1) { height: 34%; } .mk-bar:nth-child(2) { height: 52%; } .mk-bar:nth-child(3) { height: 41%; }
.mk-bar:nth-child(4) { height: 68%; } .mk-bar:nth-child(5) { height: 58%; } .mk-bar:nth-child(6) { height: 86%; } .mk-bar:nth-child(7) { height: 74%; }
.mk-sig { padding: 14px 16px; border-radius: 14px; background: #FBFAF7; color: #1A1A14; box-shadow: 0 18px 36px -18px rgba(0,0,0,.9); }
.mk-sig-l { display: block; height: 6px; border-radius: 4px; background: #E6E3DA; margin-bottom: 7px; }
.mk-sig-l:nth-child(2) { width: 78%; }
.mk-sig-row { position: relative; display: flex; align-items: center; gap: 10px; margin-top: 12px; padding-left: 11px; }
.mk-sig-row::before { content: ''; position: absolute; left: 0; top: 2px; bottom: 2px; width: 3px; border-radius: 3px; background: #B45309; }
.mk-sig-av { width: 36px; height: 36px; flex: none; border-radius: 10px; display: grid; place-items: center; font: 700 12px/1 'Space Grotesk', 'Space Grotesk Fallback', system-ui, sans-serif; color: #1C1305; background: linear-gradient(135deg, #FCD34D, #B45309); }
.mk-sig-n { font-size: 12.5px; font-weight: 700; color: #111; }
.mk-sig-r { font-size: 10.5px; color: #66665A; }
.mk-sig-u { font: 600 10px/1.3 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color: #B45309; }
.mk-viz--event { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 14px; align-items: center; padding: 4px 0; }
.mk-event-qr { width: 84px; height: 84px; padding: 6px; border-radius: 12px; background: #fff; color: #0A0A08; box-shadow: 0 0 0 6px rgba(245,158,11,.12); }
.mk-event-qr svg { display: block; width: 100%; height: 100%; }
.mk-event-list { display: grid; gap: 7px; min-width: 0; }
.mk-event-row { display: flex; align-items: center; gap: 8px; min-width: 0; font-size: 12px; color: #E7E6D8; }
.mk-event-row i { width: 22px; height: 22px; flex: none; border-radius: 50%; background: linear-gradient(135deg, #3f3f35, #26261d); border: 1px solid rgba(255,255,255,.1); }
.mk-event-row span { flex: 1; min-width: 0; height: 6px; border-radius: 4px; background: rgba(255,255,255,.1); }
.mk-event-row b { font-size: 10px; font-weight: 800; letter-spacing: .04em; color: #FBBF24; }
.mk-viz--crm { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 10px; padding: 8px 0; }
.mk-crm-src { justify-self: start; }
.mk-crm-flow { width: 46px; height: 2px; background: linear-gradient(90deg, rgba(245,158,11,.1), #F59E0B, rgba(245,158,11,.1)); position: relative; }
.mk-crm-flow::after { content: ''; position: absolute; right: -2px; top: -4px; border: 5px solid transparent; border-left-color: #F59E0B; border-right-width: 0; }
.mk-crm-dst { display: grid; gap: 6px; justify-self: end; }
.mk-crm-dst .mk-chip { justify-content: center; font-weight: 700; }
.mk-langs { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
.mk-lang { padding: 10px 6px; border-radius: 12px; text-align: center; background: rgba(255,255,255,.035); border: 1px solid rgba(255,255,255,.08); min-width: 0; }
.mk-lang b { display: block; font: 700 15px/1 'Space Grotesk', 'Space Grotesk Fallback', system-ui, sans-serif; color: #FBBF24; }
.mk-lang span { display: block; margin-top: 6px; font-size: 11px; color: #A8A796; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mk-swiss { display: flex; align-items: center; gap: 16px; }
.mk-swiss-flag { position: relative; width: 52px; height: 52px; flex: none; border-radius: 12px; background: #DA291C; box-shadow: 0 10px 24px -8px rgba(218,41,28,.6); }
.mk-swiss-flag::before, .mk-swiss-flag::after { content: ''; position: absolute; left: 50%; top: 50%; background: #fff; transform: translate(-50%, -50%); }
.mk-swiss-flag::before { width: 30px; height: 9px; }
.mk-swiss-flag::after { width: 9px; height: 30px; }
@media (min-width: 700px) {
.mk-bento { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mk-span-4, .mk-span-6 { grid-column: 1 / -1; }
}
@media (min-width: 1024px) {
.mk-bento { grid-template-columns: repeat(6, minmax(0, 1fr)); grid-auto-flow: dense; gap: 16px; }
.mk-span-2 { grid-column: span 2; }
.mk-span-3 { grid-column: span 3; }
.mk-span-4 { grid-column: span 4; grid-row: span 2; }
.mk-span-6 { grid-column: 1 / -1; }
.mk-span-6 { flex-direction: row; align-items: center; }
.mk-span-6 .mk-viz { margin-top: 0; flex: none; min-height: 0; }
.mk-tile { padding: 26px; }
.mk-span-4 .mk-viz--share { min-height: 300px; flex: 1; }
.mk-span-4 .mk-phone { width: 170px; height: 236px; }
.mk-span-4 .mk-phone-qr { width: 112px; height: 112px; }
}
.mk-proof { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; margin-top: 16px; border-radius: 20px; overflow: hidden; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.07); }
.mk-proof > div { padding: 18px 16px; text-align: center; background: #0E0E0A; }
.mk-proof b { display: block; font: 700 clamp(22px, 5vw, 30px)/1.1 'Space Grotesk', 'Space Grotesk Fallback', system-ui, sans-serif; letter-spacing: -.02em; color: #FAFAF0; }
.mk-proof span { display: block; margin-top: 6px; font-size: 12.5px; color: #A8A796; }
@media (min-width: 700px) { .mk-proof { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.mk-vs { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; }
.mk-vs-col { border-radius: 22px; padding: 22px; background: rgba(255,255,255,.025); border: 1px solid rgba(255,255,255,.07); }
.mk-vs-col--us { background: linear-gradient(160deg, rgba(245,158,11,.1), rgba(245,158,11,.025)); border-color: rgba(245,158,11,.3); }
.mk-vs-title { display: flex; align-items: center; gap: 10px; margin: 0 0 12px; font: 700 17px/1.2 'Space Grotesk', 'Space Grotesk Fallback', system-ui, sans-serif; color: #A8A796; }
.mk-vs-col--us .mk-vs-title { color: #FBBF24; }
.mk-list { list-style: none; margin: 0; padding: 0; }
.mk-list li { position: relative; padding: 9px 0 9px 28px; font-size: 14.5px; line-height: 1.5; color: #D6D5C6; border-top: 1px solid rgba(255,255,255,.05); }
.mk-list li:first-child { border-top: 0; }
.mk-list li svg { position: absolute; left: 0; top: 11px; width: 17px; height: 17px; }
.mk-list--x li { color: #A8A796; }
.mk-list--x svg { color: #f87171; }
.mk-list--ok svg { color: #4ade80; }
@media (min-width: 820px) { .mk-vs { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; } .mk-vs-col { padding: 28px; } }
.mk-split { display: grid; grid-template-columns: minmax(0, 1fr); gap: 32px; align-items: center; }
@media (min-width: 960px) { .mk-split { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 56px; } }
.mk-team { position: relative; min-height: 300px; display: grid; place-items: center; border-radius: 28px; overflow: hidden; background: radial-gradient(80% 70% at 50% 50%, rgba(139,92,246,.16), transparent 70%), linear-gradient(180deg, #14140D, #0E0E09); border: 1px solid rgba(255,255,255,.07); }
.mk-team-phones { position: relative; width: 330px; height: 252px; }
.mk-tp {
position: absolute; top: 26px; width: 118px; height: 216px; padding: 4px; border-radius: 22px;
background: linear-gradient(160deg, #3A3A32, #121210 40%, #2A2A22);
box-shadow: 0 26px 46px -16px rgba(0,0,0,.95), inset 0 0 0 1px rgba(255,255,255,.14);
}
.mk-tp:nth-child(1) { left: 0; transform: rotate(-6deg); }
.mk-tp:nth-child(2) { left: 106px; top: 4px; z-index: 2; transform: scale(1.06); }
.mk-tp:nth-child(3) { left: 212px; transform: rotate(6deg); }
.mk-tp-scr { height: 100%; border-radius: 18px; overflow: hidden; display: flex; flex-direction: column; align-items: center; text-align: center; background: #F7F6F1; color: #111; }
.mk-tp-cover { width: 100%; height: 58px; flex: none; display: flex; align-items: flex-start; justify-content: center; padding-top: 16px; }
.mk-tp-cover span { font: 700 6.5px/1 'Inter', 'Inter Fallback', system-ui, sans-serif; letter-spacing: .16em; text-transform: uppercase; color: rgba(28,19,5,.66); }
.mk-tp-av { width: 38px; height: 38px; margin-top: -19px; border-radius: 50%; display: grid; place-items: center; flex: none; font: 700 12px/1 'Space Grotesk', 'Space Grotesk Fallback', system-ui, sans-serif; color: #FCD34D; background: linear-gradient(135deg, #1C1305, #3D2B0B); box-shadow: 0 0 0 3px #F7F6F1; }
.mk-tp-n { max-width: 92%; margin-top: 7px; font: 700 11px/1.15 'Space Grotesk', 'Space Grotesk Fallback', system-ui, sans-serif; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mk-tp-r { max-width: 92%; margin-top: 2px; font-size: 8px; font-weight: 600; color: #B45309; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mk-tp-btn { display: block; width: 80%; height: 16px; margin-top: 10px; border-radius: 6px; background: #F59E0B; }
.mk-tp-row { display: block; width: 72%; height: 5px; margin-top: 8px; border-radius: 3px; background: #E4E2D9; }
.mk-tp-row + .mk-tp-row { width: 52%; margin-top: 6px; }
@media (max-width: 400px) { .mk-team-phones { transform: scale(.84); } }
@media (max-width: 340px) { .mk-team-phones { transform: scale(.74); } }
.mk-team-badge { position: absolute; right: 18px; bottom: 18px; }
.mk-checks { list-style: none; margin: 22px 0 26px; padding: 0; display: grid; gap: 12px; }
.mk-checks li { position: relative; padding-left: 30px; font-size: 15px; line-height: 1.55; color: #D6D5C6; }
.mk-checks li strong { color: #FAFAF0; }
.mk-checks svg { position: absolute; left: 0; top: 2px; width: 20px; height: 20px; color: #4ade80; }
.mk-t-note { margin: 10px 0 0; }
.mk-t-guide { margin: 18px 0 0; }
.mk-trial {
display: inline-flex; align-items: center; gap: 10px; margin: 18px 0 0; padding: 9px 16px; border-radius: 999px;
font-size: 14px; font-weight: 700; color: #FDE68A; background: rgba(245,158,11,.08); border: 1px solid rgba(245,158,11,.28);
}
.mk-trial svg { width: 17px; height: 17px; color: #F59E0B; flex: none; }
.mk-seg { display: inline-flex; gap: 4px; padding: 4px; margin-top: 26px; border-radius: 999px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.1); }
.mk-seg button {
display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 18px; border: 0; border-radius: 999px; cursor: pointer;
font: 700 13.5px/1 'Inter', 'Inter Fallback', system-ui, sans-serif; color: #A8A796; background: transparent; transition: background-color .2s, color .2s;
}
.mk-seg button[aria-pressed="true"] { background: #F59E0B; color: #0A0A08; }
.mk-seg-badge { padding: 3px 8px; border-radius: 999px; font-size: 11px; font-weight: 800; background: rgba(34,197,94,.14); color: #4ade80; }
@media (max-width: 480px) { .mk-seg button { padding: 0 12px; } .mk-seg-badge { line-height: 1.15; text-align: center; border-radius: 10px; } }
.mk-seg button[aria-pressed="true"] .mk-seg-badge { background: rgba(10,10,8,.16); color: #0A0A08; }
html:not(.vc-js) .mk-seg { display: none; }
.mk-limit { max-width: 720px; margin: 0 auto 28px; padding: 14px 18px; border-radius: 14px; display: flex; gap: 10px; align-items: flex-start; text-align: left; font-size: 14px; line-height: 1.6; color: #FAFAF0; background: rgba(245,158,11,.1); border: 1px solid rgba(245,158,11,.35); }
.mk-limit svg { width: 18px; height: 18px; flex: none; margin-top: 2px; color: #F59E0B; }
.mk-plans { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; max-width: 440px; margin: 0 auto; align-items: stretch; }
@media (min-width: 960px) { .mk-plans { grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 1080px; gap: 18px; } }
.mk-plan {
position: relative; display: flex; flex-direction: column; min-width: 0; padding: 28px 24px; border-radius: 24px;
background: linear-gradient(180deg, #15150E, #0F0F09); border: 1px solid rgba(255,255,255,.08);
}
.mk-plan--hot {
background: radial-gradient(110% 60% at 50% 0%, rgba(245,158,11,.14), transparent 60%), linear-gradient(180deg, #1A1A10, #10100A);
border-color: rgba(245,158,11,.45); box-shadow: 0 30px 70px -36px rgba(245,158,11,.55);
}
.mk-plan-badge {
position: absolute; top: -12px; left: 50%; transform: translateX(-50%); white-space: nowrap; padding: 5px 12px; border-radius: 999px;
font: 800 10.5px/1 'Inter', 'Inter Fallback', system-ui, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: #0A0A08; background: linear-gradient(180deg, #FBBF24, #F59E0B);
}
.mk-plan-name { font: 700 13px/1 'Inter', 'Inter Fallback', system-ui, sans-serif; letter-spacing: .16em; text-transform: uppercase; color: #A8A796; margin: 0 0 14px; }
.mk-plan--hot .mk-plan-name { color: #FBBF24; }
.mk-price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px; min-height: 56px; }
[data-bill][hidden] { display: none !important; }
.mk-price-n { font: 700 50px/1 'Space Grotesk', 'Space Grotesk Fallback', system-ui, sans-serif; letter-spacing: -.04em; color: #FAFAF0; }
.mk-price-s { font-size: 15px; font-weight: 600; color: #A8A796; }
.mk-plan-period { min-height: 42px; margin: 8px 0 0; font-size: 13px; line-height: 1.5; color: #A8A796; }
.mk-offer { margin: 12px 0 0; padding: 12px 14px; border-radius: 14px; background: rgba(34,197,94,.07); border: 1px solid rgba(34,197,94,.28); }
.mk-offer-tag { display: inline-flex; align-items: center; gap: 6px; font: 800 10.5px/1 'Inter', 'Inter Fallback', system-ui, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: #4ade80; }
.mk-offer-tag svg { width: 13px; height: 13px; }
.mk-offer-legal { margin: 6px 0 0; font-size: 11.5px; line-height: 1.5; color: #8C8C7A; }
.mk-plan-sep { height: 1px; margin: 20px 0 16px; background: rgba(255,255,255,.07); }
.mk-feats { list-style: none; margin: 0 0 24px; padding: 0; display: grid; gap: 9px; flex: 1; align-content: start; }
.mk-feats li { position: relative; padding-left: 26px; font-size: 14px; line-height: 1.45; color: #D6D5C6; }
.mk-feats li svg { position: absolute; left: 0; top: 1px; width: 17px; height: 17px; color: #4ade80; }
.mk-feats li.is-off { color: #8C8C7A; }
.mk-feats li.is-off svg { color: #5C5C4E; }
.mk-plan-foot { margin-top: 10px; text-align: center; font-size: 12.5px; }
.mk-plan-foot a { color: #A8A796; text-decoration: none; }
.mk-plan-foot a:hover { color: #FBBF24; text-decoration: underline; }
@media (max-width: 959px) { .mk-plans > .mk-plan--hot { order: -2; } .mk-plans > [data-plan="team"] { order: -1; } }
.mk-plan-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0 0 14px; }
.mk-plan-head .mk-plan-name { margin: 0; }
.mk-plan-ex { flex: none; padding: 5px 10px; border-radius: 999px; font: 700 11.5px/1.2 'Inter', 'Inter Fallback', system-ui, sans-serif; color: #FDE68A; background: rgba(245,158,11,.08); border: 1px solid rgba(245,158,11,.28); }
.mk-plan-from { color: #E7E6D8; font-weight: 700; }
.mk-plan-detail { font-size: 12.5px; color: #8C8C7A; }
.mk-btn--stack { flex-direction: column; gap: 3px; min-height: 58px; padding: 9px 14px; font-size: 14.5px; }
.mk-btn--stack small { font-size: 12px; font-weight: 600; letter-spacing: 0; opacity: .78; }
.mk-assure { list-style: none; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 22px; margin: 30px auto 0; max-width: 980px; }
.mk-assure > li, .mk-assure > span { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: #A8A796; }
.mk-assure svg { width: 16px; height: 16px; color: #F59E0B; flex: none; }
.mk-trust-band { padding: 18px 16px; border-top: 1px solid rgba(245,158,11,.08); border-bottom: 1px solid rgba(245,158,11,.08); background: #0C0C09; }
.mk-trust-band .mk-assure { margin: 0 auto; gap: 10px 26px; max-width: 1180px; }
@media (max-width: 640px) { .mk-trust-band .mk-assure { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 14px; } .mk-trust-band .mk-assure > li { align-items: flex-start; font-size: 12.5px; line-height: 1.4; } .mk-trust-band .mk-assure svg { margin-top: 1px; } }
.mk-tst { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; max-width: 1080px; margin: 0 auto; padding: 0; list-style: none; }
@media (min-width: 860px) { .mk-tst { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; } }
.mk-tst-card { display: flex; flex-direction: column; gap: 12px; margin: 0; padding: 24px; border-radius: 20px; background: linear-gradient(180deg, #15150E, #0F0F09); border: 1px solid rgba(255,255,255,.08); }
.mk-tst-stars { margin: 0; font-size: 15px; letter-spacing: 2px; color: #FBBF24; }
.mk-tst-stars .is-off { color: #3F3F2A; }
.mk-tst-q { margin: 0; }
.mk-tst-title { margin: 0 0 6px; font-size: 15px; font-weight: 700; color: #FAFAF0; }
.mk-tst-body { margin: 0; font-size: 14.5px; line-height: 1.6; color: #D6D5C6; }
.mk-tst-who { margin: auto 0 0; font-size: 13px; color: #A8A796; font-style: normal; }
.mk-tst-who strong { color: #FAFAF0; font-weight: 700; }
.mk-tst-more { margin: 22px 0 0; text-align: center; font-size: 13.5px; }
.mk-tst-more a { color: #FBBF24; }
.mk-wl {
display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; align-items: center; max-width: 1080px; margin: 28px auto 0;
padding: 26px 22px; border-radius: 24px; background: radial-gradient(90% 120% at 100% 0%, rgba(139,92,246,.16), transparent 60%), linear-gradient(180deg, #131221, #0E0D16);
border: 1px solid rgba(139,92,246,.3);
}
.mk-wl-eyebrow { font: 800 11px/1 'Inter', 'Inter Fallback', system-ui, sans-serif; letter-spacing: .18em; text-transform: uppercase; color: #c4b5fd; margin: 0 0 10px; }
.mk-wl-desc { font-size: 14.5px; line-height: 1.6; color: #B4B2C8; margin: 0 0 14px; }
.mk-wl .mk-chip { color: #ddd6fe; background: rgba(139,92,246,.1); border-color: rgba(139,92,246,.26); }
.mk-wl-side { text-align: center; }
.mk-wl-price { font: 700 28px/1.1 'Space Grotesk', 'Space Grotesk Fallback', system-ui, sans-serif; color: #FAFAF0; letter-spacing: -.02em; margin: 4px 0; }
.mk-btn--wl { background: rgba(139,92,246,.18); color: #ede9fe; border: 1px solid rgba(139,92,246,.45); font-weight: 700; margin-top: 14px; }
.mk-btn--wl:hover { background: rgba(139,92,246,.28); }
@media (min-width: 860px) { .mk-wl { grid-template-columns: minmax(0, 1fr) 260px; padding: 32px 36px; gap: 40px; } }
.mk-faq { display: grid; gap: 10px; }
.mk-faq details { border-radius: 18px; background: rgba(255,255,255,.025); border: 1px solid rgba(255,255,255,.075); transition: border-color .2s, background-color .2s; }
.mk-faq details[open] { background: rgba(245,158,11,.04); border-color: rgba(245,158,11,.26); }
.mk-faq summary {
list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 16px;
padding: 18px 20px; border-radius: 18px; font: 600 16px/1.4 'Inter', 'Inter Fallback', system-ui, sans-serif; color: #FAFAF0;
}
.mk-faq summary::-webkit-details-marker { display: none; }
.mk-faq summary svg { width: 18px; height: 18px; flex: none; color: #F59E0B; transition: transform .25s; }
.mk-faq details[open] summary svg { transform: rotate(180deg); }
.mk-faq-a { padding: 0 20px 18px; font-size: 15px; line-height: 1.7; color: #A8A796; }
.mk-faq-a p { margin: 0; }
.mk-faq-a a { color: #FBBF24; }
.mk-final { position: relative; overflow: hidden; padding: 96px 20px; text-align: center; }
.mk-final::before {
content: ''; position: absolute; left: 50%; top: 50%; width: min(760px, 120%); height: 420px; transform: translate(-50%, -50%);
background: radial-gradient(closest-side, rgba(245,158,11,.2), transparent); filter: blur(30px); pointer-events: none;
}
.mk-final::after {
content: ''; position: absolute; inset: 0; pointer-events: none;
background-image: linear-gradient(rgba(245,158,11,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(245,158,11,.045) 1px, transparent 1px);
background-size: 64px 64px; -webkit-mask-image: radial-gradient(ellipse 60% 70% at 50% 50%, #000 10%, transparent 75%); mask-image: radial-gradient(ellipse 60% 70% at 50% 50%, #000 10%, transparent 75%);
}
.mk-final > * { position: relative; z-index: 1; }
.mk-final .mk-cta-row { justify-content: center; margin-top: 30px; }
.mk-final-note { margin-top: 14px; font-size: 13px; color: #8C8C7A; }
.mk-phero { position: relative; overflow: hidden; padding: 104px 20px 40px; }
.mk-phero::before {
content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none;
background-image: linear-gradient(rgba(245,158,11,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(245,158,11,.05) 1px, transparent 1px);
background-size: 64px 64px; -webkit-mask-image: radial-gradient(ellipse 70% 80% at 30% 0%, #000 10%, transparent 70%); mask-image: radial-gradient(ellipse 70% 80% at 30% 0%, #000 10%, transparent 70%);
}
.mk-phero { isolation: isolate; }
.mk-crumbs { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 18px; padding: 0; list-style: none; font-size: 12.5px; color: #8C8C7A; }
.mk-crumbs li + li::before { content: '/'; margin-right: 6px; color: #5C5C4E; }
.mk-crumbs a { color: #A8A796; text-decoration: none; }
.mk-crumbs a:hover { color: #FBBF24; }
.mk-phero .mk-lead { margin: 0; font-size: 17px; }
.mk-meta { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
.mk-prose { font-size: 16px; line-height: 1.75; color: #C9C8B8; }
.mk-prose h2 { font: 700 clamp(24px, 4.6vw, 32px)/1.15 'Space Grotesk', 'Space Grotesk Fallback', system-ui, sans-serif; letter-spacing: -.03em; color: #FAFAF0; margin: 0 0 14px; }
.mk-prose h3 { font: 700 19px/1.3 'Space Grotesk', 'Space Grotesk Fallback', system-ui, sans-serif; color: #FAFAF0; margin: 26px 0 8px; }
.mk-prose p { margin: 0 0 16px; }
.mk-prose strong { color: #FAFAF0; }
.mk-prose a { color: #FBBF24; }
.mk-prose ul, .mk-prose ol { margin: 0 0 18px; padding-left: 22px; }
.mk-prose li { margin-bottom: 8px; }
.mk-cards { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; }
@media (min-width: 720px) { .mk-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .mk-cards--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.mk-card { position: relative; min-width: 0; padding: 22px; border-radius: 20px; background: linear-gradient(180deg, #15150E, #0F0F09); border: 1px solid rgba(255,255,255,.075); }
.mk-card .mk-h3 { font-size: 18px; }
.mk-card p { margin: 0; font-size: 14.5px; line-height: 1.6; color: #A8A796; }
.mk-card-num { display: inline-block; margin-bottom: 12px; font: 700 12px/1 'Space Grotesk', 'Space Grotesk Fallback', system-ui, sans-serif; letter-spacing: .12em; color: #F59E0B; padding: 6px 9px; border-radius: 8px; background: rgba(245,158,11,.08); border: 1px solid rgba(245,158,11,.2); }
.mk-fields { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; }
@media (min-width: 720px) { .mk-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.mk-field { display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; border-radius: 16px; background: rgba(255,255,255,.025); border: 1px solid rgba(255,255,255,.07); min-width: 0; }
.mk-field .mk-ico { width: 34px; height: 34px; border-radius: 10px; }
.mk-field .mk-ico svg { width: 17px; height: 17px; }
.mk-field > div > b { display: block; font-size: 14.5px; color: #FAFAF0; margin-bottom: 2px; }
.mk-field > div > span { display: block; font-size: 13.5px; line-height: 1.55; color: #A8A796; }
.mk-field .mk-tier { flex: none; }
.mk-callout { padding: 20px 22px; border-radius: 20px; background: linear-gradient(160deg, rgba(245,158,11,.1), rgba(245,158,11,.02)); border: 1px solid rgba(245,158,11,.3); }
.mk-callout p { margin: 0; color: #E7E6D8; font-size: 15px; line-height: 1.65; }
.mk-tpl { display: flex; gap: 16px; align-items: center; }
.mk-tpl-card { width: 120px; flex: none; aspect-ratio: 85 / 55; border-radius: 10px; box-shadow: 0 16px 30px -14px rgba(0,0,0,.9), inset 0 1px 0 rgba(255,255,255,.3); }
.mk-related { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; }
@media (min-width: 720px) { .mk-related { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.mk-related a { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 18px; border-radius: 16px; text-decoration: none; color: #FAFAF0; font-weight: 600; font-size: 15px; background: rgba(255,255,255,.025); border: 1px solid rgba(255,255,255,.08); transition: border-color .2s, background-color .2s; }
.mk-related a:hover { border-color: rgba(245,158,11,.4); background: rgba(245,158,11,.05); }
.mk-related a span { font-size: 12.5px; font-weight: 500; color: #8C8C7A; display: block; margin-top: 2px; }
.mk-related svg { width: 18px; height: 18px; flex: none; color: #F59E0B; }
.mk-related a:focus-visible { outline: 3px solid #FCD34D; outline-offset: 3px; }
.mk-table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 14px; }
.mk-table caption { text-align: left; padding: 0 0 14px; font-size: 13px; color: #8C8C7A; }
.mk-table th, .mk-table td { text-align: left; vertical-align: top; line-height: 1.5; }
.mk-table thead { display: none; }
.mk-table tbody tr { display: block; margin-bottom: 14px; padding: 18px; border-radius: 20px; background: linear-gradient(180deg, #15150E, #0F0F09); border: 1px solid rgba(255,255,255,.08); }
.mk-table tbody tr.is-us { border-color: rgba(245,158,11,.45); background: radial-gradient(110% 60% at 50% 0%, rgba(245,158,11,.12), transparent 60%), #12120B; }
.mk-table tbody th { display: block; padding: 0 0 10px; font: 700 19px/1.2 'Space Grotesk', 'Space Grotesk Fallback', system-ui, sans-serif; color: #FAFAF0; }
.mk-table tbody th small { display: block; margin-top: 4px; font: 500 12.5px/1.4 'Inter', 'Inter Fallback', system-ui, sans-serif; color: #8C8C7A; }
.mk-table tbody td { display: grid; grid-template-columns: 9.5em minmax(0, 1fr); gap: 10px; padding: 9px 0; border-top: 1px solid rgba(255,255,255,.06); color: #D6D5C6; }
.mk-table tbody td::before { content: attr(data-label); font-size: 12.5px; font-weight: 600; color: #8C8C7A; }
.mk-table .is-none { color: #8C8C7A; }
.mk-table a { color: #FBBF24; word-break: break-word; }
@media (min-width: 1100px) {
.mk-table-wrap { border-radius: 22px; border: 1px solid rgba(255,255,255,.08); background: #0F0F09; overflow: hidden; }
.mk-table thead { display: table-header-group; }
.mk-table thead th { padding: 16px 14px; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #A8A796; background: #15150E; border-bottom: 1px solid rgba(255,255,255,.08); }
.mk-table tbody tr { display: table-row; margin: 0; padding: 0; border-radius: 0; background: none; border: 0; }
.mk-table tbody tr.is-us { background: rgba(245,158,11,.06); }
.mk-table tbody th, .mk-table tbody td { display: table-cell; padding: 16px 14px; border-top: 1px solid rgba(255,255,255,.06); }
.mk-table tbody tr:first-child th, .mk-table tbody tr:first-child td { border-top: 0; }
.mk-table tbody th { font-size: 16px; width: 12%; }
.mk-table tbody td::before { content: none; }
.mk-table td:last-child a { white-space: nowrap; word-break: normal; }
}
.mk-matrix-wrap { border-radius: 20px; border: 1px solid rgba(255,255,255,.08); background: #0F0F09; overflow: hidden; }
.mk-matrix { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 13px; }
.mk-matrix th, .mk-matrix td { padding: 11px 6px; text-align: center; vertical-align: middle; border-top: 1px solid rgba(255,255,255,.06); color: #D6D5C6; line-height: 1.4; overflow-wrap: break-word; }
.mk-matrix thead th { border-top: 0; font: 700 11px/1.2 'Inter', 'Inter Fallback', system-ui, sans-serif; color: #A8A796; background: #15150E; }
.mk-matrix thead th.is-hot { color: #FBBF24; }
.mk-matrix tbody th { width: 38%; text-align: left; font-weight: 600; color: #E7E6D8; padding-left: 14px; }
.mk-matrix thead th:first-child { width: 36%; }
.mk-matrix tbody th, .mk-matrix td { overflow-wrap: normal; word-break: normal; -webkit-hyphens: auto; hyphens: auto; }
@media (max-width: 719px) { .mk-matrix td { font-size: 12px; padding-left: 3px; padding-right: 3px; } }
.mk-matrix .is-yes { color: #4ade80; font-weight: 800; }
.mk-matrix .is-none { color: #8C8C7A; }
@media (min-width: 720px) {
.mk-matrix { font-size: 14.5px; }
.mk-matrix th, .mk-matrix td { padding: 13px 16px; }
.mk-matrix thead th { font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.mk-matrix tbody th { width: 44%; padding-left: 20px; }
.mk-matrix thead th:first-child { width: 44%; }
}
.mk-tool { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; align-items: start; }
@media (min-width: 960px) { .mk-tool { grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 24px; } }
.mk-panel {
position: relative; min-width: 0; padding: 20px; border-radius: 24px;
background: linear-gradient(180deg, rgba(30,30,20,.8), rgba(17,17,11,.85)); border: 1px solid rgba(245,158,11,.16);
box-shadow: 0 30px 80px -32px rgba(0,0,0,.85), inset 0 1px 0 rgba(255,255,255,.05);
}
.mk-panel::before { content: ''; position: absolute; left: 18%; right: 18%; top: -1px; height: 1px; background: linear-gradient(90deg, transparent, rgba(245,158,11,.7), transparent); }
@media (min-width: 640px) { .mk-panel { padding: 26px; } }
.mk-form { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
@media (min-width: 560px) { .mk-form { grid-template-columns: repeat(2, minmax(0, 1fr)); } .mk-form .is-full { grid-column: 1 / -1; } }
.mk-form label { display: block; margin: 0 0 6px 2px; font-size: 12.5px; font-weight: 600; color: #A8A796; }
.mk-form input {
display: block; width: 100%; height: 48px; padding: 0 14px; border-radius: 12px; border: 1px solid rgba(255,255,255,.12);
background: rgba(255,255,255,.04); color: #FAFAF0; font: 500 16px/1.2 'Inter', 'Inter Fallback', system-ui, sans-serif; -webkit-appearance: none; appearance: none;
transition: border-color .2s, box-shadow .2s, background-color .2s;
}
.mk-form input::placeholder { color: #8C8C7A; opacity: 1; }
.mk-form input:focus { outline: none; border-color: rgba(245,158,11,.75); background: rgba(255,255,255,.06); box-shadow: 0 0 0 4px rgba(245,158,11,.16); }
.mk-privacy { display: flex; gap: 10px; align-items: flex-start; margin-top: 16px; padding: 12px 14px; border-radius: 14px; font-size: 13px; line-height: 1.55; color: #C9C8B8; background: rgba(34,197,94,.06); border: 1px solid rgba(34,197,94,.22); }
.mk-privacy svg { width: 18px; height: 18px; flex: none; margin-top: 1px; color: #4ade80; }
.mk-qr-out { display: grid; justify-items: center; gap: 16px; text-align: center; }
.mk-qr-box { width: min(280px, 100%); aspect-ratio: 1; padding: 16px; border-radius: 20px; background: #fff; color: #0A0A08; box-shadow: 0 24px 50px -22px rgba(0,0,0,.9); display: grid; place-items: center; }
.mk-qr-box img { display: block; width: 100%; height: 100%; image-rendering: pixelated; }
.mk-qr-box.is-transparent { background-color: #fff; background-image: repeating-conic-gradient(#E7E5DA 0 25%, #fff 0 50%); background-size: 16px 16px; }
.mk-qr-empty { font-size: 14px; color: #6B6B60; padding: 0 12px; }
.mk-qr-box > .mk-qr-empty {
position: relative; isolation: isolate; display: grid; place-items: center; width: 100%; height: 100%; margin: 0; padding: 0 18px;
color: #3A3A32; font-weight: 600; line-height: 1.45; text-shadow: 0 0 8px #fff, 0 0 14px #fff, 0 0 2px #fff;
}
.mk-qr-box > .mk-qr-empty::before {
content: ''; position: absolute; inset: 0; z-index: -1; opacity: .13; pointer-events: none;
background:
linear-gradient(#0A0A08, #0A0A08) 8% 8% / 12% 12% no-repeat,
linear-gradient(#fff, #fff) 4% 4% / 20% 20% no-repeat,
linear-gradient(#0A0A08, #0A0A08) 0 0 / 28% 28% no-repeat,
linear-gradient(#0A0A08, #0A0A08) 92% 8% / 12% 12% no-repeat,
linear-gradient(#fff, #fff) 96% 4% / 20% 20% no-repeat,
linear-gradient(#0A0A08, #0A0A08) 100% 0 / 28% 28% no-repeat,
linear-gradient(#0A0A08, #0A0A08) 8% 92% / 12% 12% no-repeat,
linear-gradient(#fff, #fff) 4% 96% / 20% 20% no-repeat,
linear-gradient(#0A0A08, #0A0A08) 0 100% / 28% 28% no-repeat,
repeating-conic-gradient(#0A0A08 0 25%, transparent 0 50%) 0 0 / 14.28% 14.28%;
}
.mk-qr-status { min-height: 1.5em; font-size: 13px; color: #A8A796; }
.mk-qr-status.is-warn { color: #fbbf24; }
.mk-qr-actions { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
.mk-qr-actions .mk-btn { min-height: 46px; font-size: 14px; }
.mk-qr-actions .mk-btn[disabled] { opacity: .45; cursor: not-allowed; transform: none; }
.mk-qr-variant { margin: -6px 0 0; font-size: 12.5px; line-height: 1.5; color: #FDE68A; }
.mk-qr-mailhint { display: inline-flex; gap: 8px; align-items: flex-start; max-width: 360px; font-size: 13px; line-height: 1.5; color: #C9C8B8; text-decoration: none; text-align: left; border-radius: 4px; }
.mk-qr-mailhint[hidden] { display: none; }
.mk-qr-mailhint svg { width: 16px; height: 16px; flex: none; margin-top: 2px; color: #FBBF24; }
.mk-qr-mailhint:hover span { color: #FAFAF0; text-decoration: underline; text-underline-offset: 3px; }
.mk-qr-opts { min-width: 0; margin: 0 0 16px; padding: 14px 16px 16px; border-radius: 16px; border: 1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.02); }
.mk-qr-opts legend { padding: 0 6px; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #FBBF24; }
.mk-qr-optlabel { margin: 0 0 10px; font-size: 13px; font-weight: 600; color: #C9C8B8; }
.mk-qr-swatches { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.mk-qr-swatch { position: relative; display: inline-flex; cursor: pointer; }
.mk-qr-swatch input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.mk-qr-sw { display: block; width: 32px; height: 32px; border-radius: 50%; border: 2px solid rgba(255,255,255,.22); box-shadow: inset 0 0 0 2px #15150E; transition: border-color .15s, box-shadow .15s; }
.mk-qr-sw--custom { background: conic-gradient(#b91c1c, #b45309, #15803d, #1d4ed8, #6d28d9, #b91c1c); }
.mk-qr-swatch input:checked + .mk-qr-sw { border-color: #F59E0B; box-shadow: inset 0 0 0 2px #15150E, 0 0 0 3px rgba(245,158,11,.3); }
.mk-qr-swatch input:focus-visible + .mk-qr-sw { outline: 2px solid #FDE68A; outline-offset: 3px; }
#vq-color-custom { width: 46px; height: 34px; padding: 2px; border: 1px solid rgba(255,255,255,.14); border-radius: 8px; background: rgba(255,255,255,.04); cursor: pointer; }
.mk-qr-optnote { margin: 8px 0 0; font-size: 12.5px; line-height: 1.5; color: #A8A796; }
.mk-qr-optnote:empty { display: none; }
.mk-qr-optnote.is-warn { color: #fbbf24; }
.mk-qr-check { display: flex; gap: 10px; align-items: center; margin-top: 14px; font-size: 14px; font-weight: 600; color: #E7E6D8; cursor: pointer; }
.mk-qr-check input { width: 18px; height: 18px; margin: 0; flex: none; accent-color: #F59E0B; }
.mk-raw { width: 100%; text-align: left; }
.mk-raw summary { cursor: pointer; font-size: 13px; color: #A8A796; }
.mk-raw pre { margin: 10px 0 0; padding: 12px; border-radius: 12px; overflow-x: auto; max-width: 100%; white-space: pre-wrap; word-break: break-all; font: 12px/1.5 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color: #D6D5C6; background: rgba(0,0,0,.35); border: 1px solid rgba(255,255,255,.06); }
.mk-tool-noscript { padding: 14px; border-radius: 14px; font-size: 14px; color: #FDE68A; background: rgba(245,158,11,.08); border: 1px solid rgba(245,158,11,.3); }
.mk-section + .mk-final, .mk-final + footer { border-top: 1px solid rgba(245,158,11,.08); }
@media (prefers-reduced-motion: no-preference) {
.vc-js .mk-rv { opacity: 0; transform: translate3d(0, 26px, 0); transition: opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1); }
.vc-js .mk-rv.is-in { opacity: 1; transform: none; }
.vc-js .mk-bento > .mk-rv:nth-child(2), .vc-js .mk-plans > .mk-rv:nth-child(2) { transition-delay: .06s; }
.vc-js .mk-bento > .mk-rv:nth-child(3), .vc-js .mk-plans > .mk-rv:nth-child(3) { transition-delay: .12s; }
.vc-js .mk-bento > .mk-rv:nth-child(4) { transition-delay: .04s; }
.vc-js .mk-bento > .mk-rv:nth-child(5) { transition-delay: .1s; }
.vc-js .mk-bento > .mk-rv:nth-child(6) { transition-delay: .16s; }
.mk-tile:hover { transform: translateY(-3px); box-shadow: 0 30px 60px -36px rgba(0,0,0,.9); }
@keyframes mkRise { from { opacity: 0; transform: translateY(14px); } }
@keyframes mkGrow { from { transform: scaleY(.15); } }
.mk-rv.is-in .mk-note:nth-child(3) { animation: mkRise .7s cubic-bezier(.2,.8,.2,1.1) .5s both; }
.mk-rv.is-in .mk-bar { animation: mkGrow 1s cubic-bezier(.2,.8,.2,1) both; }
.mk-rv.is-in .mk-bar:nth-child(2) { animation-delay: .05s; } .mk-rv.is-in .mk-bar:nth-child(3) { animation-delay: .1s; }
.mk-rv.is-in .mk-bar:nth-child(4) { animation-delay: .15s; } .mk-rv.is-in .mk-bar:nth-child(5) { animation-delay: .2s; }
.mk-rv.is-in .mk-bar:nth-child(6) { animation-delay: .25s; } .mk-rv.is-in .mk-bar:nth-child(7) { animation-delay: .3s; }
.mk-btn--primary::after {
content: ''; position: absolute; top: 0; bottom: 0; left: -40%; width: 30%; pointer-events: none;
background: linear-gradient(100deg, transparent, rgba(255,255,255,.5), transparent); transform: skewX(-18deg) translateX(-120%);
}
.mk-btn--primary { overflow: hidden; }
.mk-btn--primary:hover::after { transition: transform .8s ease; transform: skewX(-18deg) translateX(560%); }
}