:root {
    --mt-ink: #101828;
    --mt-muted: #667085;
    --mt-line: #e4e7ec;
    --mt-soft: #f7f8fa;
    --mt-red: #ef4444;
    --mt-red-dark: #d92d20;
    --mt-green: #12b76a;
    --mt-blue: #2e90fa;
    --mt-navy: #0b1220;
    --mt-radius: 18px;
    --mt-shadow: 0 18px 55px rgba(16, 24, 40, .09);
}

html { scroll-behavior: smooth; }
.mt-site-shell, .mt-site-shell button, .mt-site-shell input, .mt-site-shell select { font-family: "DM Sans", sans-serif; }
.mt-site-shell h1, .mt-site-shell h2, .mt-site-shell h3 { font-family: "Manrope", sans-serif; color: var(--mt-ink); }
.mt-main { overflow: visible; background: #fff; }
.mt-main *, .mt-main *::before, .mt-main *::after { box-sizing: border-box; }
.mt-main button { width: auto; margin: 0; }
.mt-main a:focus-visible, .mt-main button:focus-visible, .mt-main input:focus-visible, .mt-main select:focus-visible, .mt-main textarea:focus-visible { outline: 3px solid rgba(46,144,250,.32); outline-offset: 3px; }
.mt-section { padding: 82px 0; scroll-margin-top: 132px; }
.mt-narrow { max-width: 900px; }

.mt-hero {
    position: relative;
    min-height: 650px;
    padding: 150px 0 74px;
    overflow: hidden;
    color: #fff;
    background:
        linear-gradient(135deg, rgba(255,255,255,.045) 1px, transparent 1px) 0 0 / 28px 28px,
        radial-gradient(circle at 15% 20%, rgba(239,68,68,.18), transparent 32%),
        linear-gradient(135deg, #07101e 0%, #0c1728 58%, #111c2f 100%);
}
.mt-hero::after { content: ""; position: absolute; right: -8%; bottom: -46%; width: 680px; height: 680px; border: 1px solid rgba(255,255,255,.08); border-radius: 50%; box-shadow: 0 0 0 80px rgba(255,255,255,.018), 0 0 0 160px rgba(255,255,255,.012); }
.mt-orb { position: absolute; border-radius: 50%; filter: blur(4px); pointer-events: none; }
.mt-orb-one { width: 230px; height: 230px; top: 95px; right: 40%; background: rgba(239,68,68,.13); }
.mt-orb-two { width: 160px; height: 160px; bottom: 30px; left: 8%; background: rgba(46,144,250,.1); }
.mt-hero-inner { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(360px, .75fr); gap: 74px; align-items: center; }
.mt-eyebrow { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 22px; padding: 9px 13px; border: 1px solid rgba(255,255,255,.13); border-radius: 999px; background: rgba(255,255,255,.06); color: #d0d5dd; font-size: 13px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.mt-eyebrow svg { width: 17px; height: 17px; fill: none; stroke: #6ce9a6; stroke-width: 1.8; }
.mt-hero h1 { max-width: 690px; margin: 0 0 24px; color: #fff; font-size: clamp(46px, 6vw, 78px); font-weight: 800; line-height: .99; letter-spacing: -.055em; }
.mt-hero h1 span { color: #f97066; }
.mt-hero-copy > p { max-width: 690px; margin: 0; color: #c7cdd7; font-size: 19px; line-height: 1.7; }
.mt-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.mt-btn { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; padding: 12px 20px; border: 1px solid transparent; border-radius: 10px; font-size: 15px; font-weight: 700; line-height: 1.2; text-decoration: none; cursor: pointer; transition: transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease; }
.mt-btn:hover { transform: translateY(-1px); text-decoration: none; }
.mt-btn:disabled { opacity: .48; cursor: not-allowed; transform: none; }
.mt-btn-primary { color: #fff; background: var(--mt-red); box-shadow: 0 9px 24px rgba(239,68,68,.25); }
.mt-btn-primary:hover { color: #fff; background: var(--mt-red-dark); }
.mt-btn-ghost { color: #fff; border-color: rgba(255,255,255,.2); background: rgba(255,255,255,.06); }
.mt-btn-ghost:hover { color: #fff; background: rgba(255,255,255,.11); }
.mt-btn-dark { color: #fff; background: var(--mt-navy); }
.mt-btn-dark:hover { color: #fff; background: #1d2939; }
.mt-btn-soft { color: #344054; border-color: #d0d5dd; background: #fff; }
.mt-btn-soft:hover { color: #101828; background: #f9fafb; }
.mt-btn-block { width: 100% !important; }
.mt-privacy-line { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 35px; color: #98a2b3; font-size: 12px; }
.mt-privacy-line span { display: flex; align-items: center; gap: 7px; }
.mt-privacy-line i, #privacyStatus i { width: 7px; height: 7px; border-radius: 50%; background: #32d583; box-shadow: 0 0 0 4px rgba(50,213,131,.1); }

.mt-hero-panel { padding: 18px; border: 1px solid rgba(255,255,255,.12); border-radius: 22px; background: rgba(255,255,255,.06); box-shadow: 0 28px 70px rgba(0,0,0,.22); backdrop-filter: blur(14px); }
.mt-panel-label { padding: 6px 7px 15px; color: #98a2b3; font-size: 12px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.mt-preset-card { display: grid; width: 100% !important; grid-template-columns: 48px minmax(0,1fr) 20px; gap: 13px; align-items: center; margin: 0 0 9px !important; padding: 15px; color: #fff; text-align: left; border: 1px solid rgba(255,255,255,.09); border-radius: 13px; background: rgba(11,18,32,.65); }
.mt-preset-card:hover { border-color: rgba(249,112,102,.5); background: rgba(21,31,50,.9); }
.mt-preset-card > span:nth-child(2) { min-width: 0; }
.mt-preset-card strong, .mt-preset-card small { display: block; }
.mt-preset-card strong { color: #fff; font-size: 14px; }
.mt-preset-card small { margin-top: 3px; overflow: hidden; color: #98a2b3; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.mt-preset-card b { color: #667085; font-size: 20px; }
.mt-preset-icon { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 10px; font-size: 20px; }
.mt-icon-signature { color: #fda29b; background: rgba(240,68,56,.13); }
.mt-icon-photo { color: #84adff; background: rgba(46,144,250,.13); }
.mt-icon-passport { color: #6ce9a6; background: rgba(18,183,106,.13); }
.mt-preset-note { margin: 14px 6px 2px; color: #858e9e; font-size: 11px; line-height: 1.5; }

.mt-tool-nav { position: sticky; z-index: 20; top: 61px; border-bottom: 1px solid #eaecf0; background: rgba(255,255,255,.94); backdrop-filter: blur(12px); }
.mt-tool-nav-inner { display: flex; gap: 30px; align-items: center; overflow-x: auto; scrollbar-width: none; }
.mt-tool-nav-inner::-webkit-scrollbar { display: none; }
.mt-tool-nav a { position: relative; flex: none; padding: 19px 1px 17px; color: #667085; font-size: 14px; font-weight: 700; white-space: nowrap; }
.mt-nav-label-short { display: none; }
.mt-tool-nav a::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 2px; transform: scaleX(0); background: var(--mt-red); transition: transform .2s ease; }
.mt-tool-nav a:hover, .mt-tool-nav a.is-active { color: #101828; text-decoration: none; }
.mt-tool-nav a:hover::after, .mt-tool-nav a.is-active::after { transform: scaleX(1); }

.mt-services-section { position: relative; padding-top: 65px; background: radial-gradient(circle at 95% 8%,rgba(46,144,250,.08),transparent 25%),radial-gradient(circle at 2% 90%,rgba(239,68,68,.07),transparent 24%),#f8fafc; }
.mt-services-section::before { content: ""; position: absolute; top: 0; right: 0; left: 0; height: 1px; background: linear-gradient(90deg,transparent,#d0d5dd 20%,#d0d5dd 80%,transparent); }
.mt-services-section .container { position: relative; }
.mt-breadcrumb { display: flex; gap: 9px; align-items: center; margin-bottom: 24px; color: #98a2b3; font-size: 12px; font-weight: 600; }
.mt-breadcrumb a { color: #667085; text-decoration: none; }
.mt-breadcrumb a:hover { color: var(--mt-red-dark); }
.mt-services-heading { display: flex; gap: 40px; align-items: flex-end; justify-content: space-between; margin-bottom: 28px; }
.mt-services-heading h2 { margin: 5px 0 10px; font-size: clamp(35px,4vw,52px); font-weight: 800; line-height: 1.07; letter-spacing: -.045em; }
.mt-services-heading p { max-width: 720px; margin: 0; color: #667085; font-size: 16px; line-height: 1.65; }
.mt-service-count { display: flex; min-width: 190px; gap: 12px; align-items: center; justify-content: center; padding: 17px 19px; border: 1px solid #dbe3ee; border-radius: 16px; background: rgba(255,255,255,.82); box-shadow: 0 12px 30px rgba(16,24,40,.07); }
.mt-service-count strong { color: var(--mt-red); font-family: "Manrope",sans-serif; font-size: 38px; font-weight: 800; line-height: 1; }
.mt-service-count span { color: #475467; font-size: 12px; font-weight: 700; line-height: 1.25; text-transform: uppercase; }
.mt-category-pills { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; margin-bottom: 20px; }
.mt-category-pills > a { display: grid; min-width: 0; grid-template-columns: 44px minmax(0,1fr); gap: 11px; align-items: center; padding: 12px 13px; border: 1px solid #dbe3ee; border-radius: 13px; color: #344054; background: rgba(255,255,255,.88); box-shadow: 0 5px 14px rgba(16,24,40,.035); text-decoration: none; transition: transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease; }
.mt-category-pills > a:hover { transform: translateY(-2px); border-color: #b8c5d6; box-shadow: 0 13px 26px rgba(16,24,40,.08); text-decoration: none; }
.mt-category-pills > a.is-active { color: #fff; border-color: #101828; background: #101828; box-shadow: 0 14px 28px rgba(16,24,40,.18); }
.mt-category-pills > a > span:last-child { min-width: 0; }
.mt-category-pills strong,.mt-category-pills small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mt-category-pills strong { color: inherit; font-size: 13px; font-weight: 800; }
.mt-category-pills small { margin-top: 2px; color: #98a2b3; font-size: 9.5px; }
.mt-category-pills > a.is-active small { color: #b9c0cc; }
.mt-pill-icon { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 10px; color: #b42318; background: #fee4e2; font-family: "Manrope",sans-serif; font-size: 15px; font-weight: 800; }
.mt-category-pills > a.is-active .mt-pill-icon { color: #fff; background: rgba(255,255,255,.11); }
.mt-service-category-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; align-items: stretch; }
.mt-service-category { --mt-category: #2563eb; --mt-category-soft: #eff6ff; --mt-category-line: #bfdbfe; position: relative; display: flex; min-width: 0; flex-direction: column; padding: 22px; overflow: hidden; border: 1px solid #e1e7ef; border-top: 4px solid var(--mt-category); border-radius: 18px; background: #fff; box-shadow: 0 18px 44px rgba(16,24,40,.075); }
.mt-service-category::after { content: ""; position: absolute; top: -92px; right: -92px; width: 190px; height: 190px; border-radius: 50%; background: var(--mt-category-soft); opacity: .8; pointer-events: none; }
.mt-service-category-qr { --mt-category: #7f56d9; --mt-category-soft: #f4f3ff; --mt-category-line: #d9d6fe; }
.mt-service-category-pdf { --mt-category: #f79009; --mt-category-soft: #fffaeb; --mt-category-line: #fedf89; }
.mt-service-category header { position: relative; z-index: 1; display: grid; min-height: 126px; grid-template-columns: 52px minmax(0,1fr); gap: 14px; align-items: start; padding-bottom: 18px; border-bottom: 1px solid #eaecf0; }
.mt-category-icon { display: grid; width: 52px; height: 52px; place-items: center; border: 1px solid var(--mt-category-line); border-radius: 13px; color: var(--mt-category); background: var(--mt-category-soft); box-shadow: 0 7px 16px rgba(16,24,40,.05); }
.mt-category-icon svg { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.65; }
.mt-service-category header > div > span { color: var(--mt-category); font-size: 10px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.mt-service-category h3 { margin: 3px 0 6px; font-size: 18px; font-weight: 800; line-height: 1.25; }
.mt-service-category header p { margin: 0; color: #667085; font-size: 11px; line-height: 1.5; }
.mt-service-links { display: flex; flex: 1; flex-direction: column; margin: 10px 0 15px; padding: 0; list-style: none; }
.mt-service-links li { margin: 0; padding: 0; border-bottom: 1px solid #f0f2f5; }
.mt-service-links li:last-child { border-bottom: 0; }
.mt-service-links a { display: flex; gap: 10px; align-items: center; justify-content: space-between; min-height: 55px; padding: 9px 7px; color: #344054; border-radius: 9px; text-decoration: none; transition: color .16s ease,background .16s ease,padding .16s ease; }
.mt-service-links a:hover { padding-right: 10px; padding-left: 10px; color: var(--mt-category); background: var(--mt-category-soft); text-decoration: none; }
.mt-service-links a > span { min-width: 0; }
.mt-service-links strong,.mt-service-links small { display: block; }
.mt-service-links strong { color: inherit; font-size: 12.5px; font-weight: 800; line-height: 1.3; }
.mt-service-links small { margin-top: 2px; color: #98a2b3; font-size: 9.5px; line-height: 1.3; }
.mt-service-links b { flex: none; color: #b6bfcc; font-size: 16px; transition: transform .16s ease,color .16s ease; }
.mt-service-links a:hover b { transform: translateX(2px); color: var(--mt-category); }
.mt-category-cta { display: flex; min-height: 44px; align-items: center; justify-content: space-between; padding: 11px 13px; border: 1px solid var(--mt-category-line); border-radius: 10px; color: var(--mt-category); background: var(--mt-category-soft); font-size: 12px; font-weight: 800; text-decoration: none; }
.mt-category-cta:hover { color: #fff; border-color: var(--mt-category); background: var(--mt-category); text-decoration: none; }
.mt-category-cta span { font-size: 16px; }
.mt-services-assurance { display: grid; grid-template-columns: 42px minmax(0,1fr); gap: 13px; align-items: center; margin-top: 17px; padding: 14px 17px; border: 1px solid #abefc6; border-radius: 13px; color: #05603a; background: rgba(236,253,243,.9); }
.mt-services-assurance > span { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 10px; color: #067647; background: #d1fadf; }
.mt-services-assurance svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.mt-services-assurance p { margin: 0; font-size: 11.5px; line-height: 1.55; }

.mt-studio-section { background: #f8fafc; }
.mt-section-heading { display: flex; gap: 40px; align-items: flex-end; justify-content: space-between; margin-bottom: 34px; }
.mt-section-heading h2 { max-width: 770px; margin: 4px 0 0; font-size: clamp(30px, 4vw, 44px); font-weight: 800; line-height: 1.12; letter-spacing: -.035em; }
.mt-section-heading > p { max-width: 470px; margin: 0; color: #667085; font-size: 15px; line-height: 1.65; }
.mt-kicker { color: var(--mt-red-dark); font-size: 12px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.mt-studio-grid { display: grid; grid-template-columns: 370px minmax(0,1fr); gap: 18px; align-items: start; }
.mt-control-card, .mt-editor-card { border: 1px solid #e4e7ec; border-radius: var(--mt-radius); background: #fff; box-shadow: var(--mt-shadow); }
.mt-control-card { padding: 22px; }
.mt-card-head { display: flex; gap: 12px; align-items: flex-start; }
.mt-card-head h3 { margin: 1px 0 2px; font-size: 16px; font-weight: 800; }
.mt-card-head p { margin: 0; color: #98a2b3; font-size: 12px; }
.mt-card-head.mt-compact { margin-bottom: 14px; }
.mt-step { display: grid; width: 28px; height: 28px; flex: none; place-items: center; border-radius: 8px; color: #b42318; background: #fee4e2; font-size: 12px; font-weight: 800; }
.mt-dropzone { display: flex; min-height: 148px; flex-direction: column; align-items: center; justify-content: center; margin: 15px 0 0; padding: 22px; border: 1.5px dashed #cbd5e1; border-radius: 13px; background: #fbfcfe; cursor: pointer; transition: border-color .2s, background .2s; }
.mt-dropzone:hover, .mt-dropzone.is-dragging { border-color: var(--mt-red); background: #fff8f7; }
.mt-dropzone strong { color: #344054; font-size: 14px; }
.mt-dropzone small { margin-top: 4px; color: #98a2b3; font-size: 11px; }
.mt-upload-mark { display: grid; width: 40px; height: 40px; place-items: center; margin-bottom: 10px; border: 1px solid #eaecf0; border-radius: 10px; color: #475467; background: #fff; box-shadow: 0 2px 4px rgba(16,24,40,.04); }
.mt-upload-mark svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.mt-file-meta { margin-top: 10px; padding: 10px 12px; overflow: hidden; border-radius: 9px; color: #475467; background: #f2f4f7; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.mt-divider { height: 1px; margin: 21px 0; background: #eaecf0; }
.mt-inline-presets { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin-bottom: 16px; }
.mt-inline-presets button { padding: 8px 7px; border: 1px solid #e4e7ec; border-radius: 8px; color: #475467; background: #fff; font-size: 11px; font-weight: 700; }
.mt-inline-presets button:hover, .mt-inline-presets button.is-active { color: #b42318; border-color: #fda29b; background: #fff7f6; }
.mt-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; }
.mt-field { display: block; margin-bottom: 13px; }
.mt-field > span:first-child { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; color: #344054; font-size: 11px; font-weight: 700; }
.mt-field input:not([type="range"]):not([type="color"]), .mt-field select { width: 100%; height: 42px; padding: 0 11px; border: 1px solid #d0d5dd; border-radius: 8px; outline: none; color: #101828; background: #fff; font-size: 13px; transition: border .2s, box-shadow .2s; }
.mt-field input:focus, .mt-field select:focus { border-color: #f97066; box-shadow: 0 0 0 3px rgba(249,112,102,.12); }
.mt-check { display: flex; gap: 8px; align-items: center; margin: -3px 0 13px; color: #667085; font-size: 11px; cursor: pointer; }
.mt-check input { accent-color: var(--mt-red); }
.mt-range { width: 100%; height: 5px; accent-color: var(--mt-red); }
.mt-color-row { display: grid !important; grid-template-columns: 43px 1fr; gap: 8px; }
.mt-color-row input[type="color"] { width: 43px; height: 42px; padding: 4px; border: 1px solid #d0d5dd; border-radius: 8px; background: #fff; }
.mt-field-help { margin: 10px 2px 0; color: #98a2b3; font-size: 10.5px; line-height: 1.5; }

.mt-editor-card { min-width: 0; overflow: hidden; }
.mt-editor-toolbar { display: flex; min-height: 66px; gap: 14px; align-items: center; justify-content: space-between; padding: 12px 16px; border-bottom: 1px solid #eaecf0; }
.mt-toolbar-group { display: flex; gap: 7px; align-items: center; }
.mt-toolbar-group button, .mt-toolbar-select { display: flex; min-height: 37px; align-items: center; justify-content: center; padding: 8px 10px; border: 1px solid #e4e7ec; border-radius: 8px; color: #475467; background: #fff; font-size: 12px; font-weight: 700; }
.mt-toolbar-group button:hover:not(:disabled) { color: #b42318; border-color: #fda29b; background: #fff7f6; }
.mt-toolbar-group button:disabled { opacity: .38; cursor: not-allowed; }
.mt-toolbar-select { gap: 7px; padding: 4px 9px; }
.mt-toolbar-select select { max-width: 122px; border: 0; outline: 0; color: #344054; background: transparent; font-size: 12px; }
.mt-workbench { position: relative; display: flex; min-height: 590px; align-items: center; justify-content: center; padding: 32px; overflow: hidden; background: radial-gradient(circle at center, #f8fafc 0, #eef2f6 100%); }
.mt-workbench::before { content: ""; position: absolute; inset: 0; opacity: .32; background-image: linear-gradient(45deg,#d0d5dd 25%,transparent 25%),linear-gradient(-45deg,#d0d5dd 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d0d5dd 75%),linear-gradient(-45deg,transparent 75%,#d0d5dd 75%); background-position: 0 0,0 8px,8px -8px,-8px 0; background-size: 16px 16px; }
.mt-editor-empty { position: relative; z-index: 1; max-width: 390px; text-align: center; }
.mt-editor-empty > span { display: grid; width: 70px; height: 70px; place-items: center; margin: 0 auto 18px; border: 1px solid #d0d5dd; border-radius: 18px; color: #98a2b3; background: rgba(255,255,255,.78); }
.mt-editor-empty svg { width: 33px; height: 33px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.4; }
.mt-editor-empty h3 { margin: 0 0 7px; font-size: 18px; font-weight: 800; }
.mt-editor-empty p { margin: 0; color: #667085; font-size: 13px; }
.mt-canvas-shell { position: relative; z-index: 2; max-width: 100%; line-height: 0; box-shadow: 0 16px 38px rgba(16,24,40,.2); user-select: none; }
#imageCanvas { display: block; max-width: 100%; max-height: 530px; background: transparent; }
.mt-crop-box { position: absolute; z-index: 3; inset: 0; min-width: 36px; min-height: 36px; border: 2px solid #fff; outline: 1px solid rgba(0,0,0,.4); box-shadow: 0 0 0 9999px rgba(3,7,18,.55); cursor: move; touch-action: none; }
.mt-crop-box > span { position: absolute; width: 14px; height: 14px; border: 2px solid #fff; border-radius: 50%; background: var(--mt-red); box-shadow: 0 1px 4px rgba(0,0,0,.35); }
.mt-crop-box [data-handle="nw"] { top: -7px; left: -7px; cursor: nwse-resize; }
.mt-crop-box [data-handle="ne"] { top: -7px; right: -7px; cursor: nesw-resize; }
.mt-crop-box [data-handle="sw"] { bottom: -7px; left: -7px; cursor: nesw-resize; }
.mt-crop-box [data-handle="se"] { right: -7px; bottom: -7px; cursor: nwse-resize; }
.mt-crop-grid { position: absolute; display: block; background: rgba(255,255,255,.55); pointer-events: none; }
.mt-grid-v1,.mt-grid-v2 { top: 0; bottom: 0; width: 1px; }
.mt-grid-v1 { left: 33.333%; }.mt-grid-v2 { left: 66.666%; }
.mt-grid-h1,.mt-grid-h2 { right: 0; left: 0; height: 1px; }
.mt-grid-h1 { top: 33.333%; }.mt-grid-h2 { top: 66.666%; }
.mt-busy { position: absolute; z-index: 5; inset: 0; display: flex; flex-direction: column; gap: 13px; align-items: center; justify-content: center; color: #344054; background: rgba(248,250,252,.9); backdrop-filter: blur(4px); }
.mt-busy span { width: 34px; height: 34px; border: 3px solid #fee4e2; border-top-color: var(--mt-red); border-radius: 50%; animation: mt-spin .75s linear infinite; }
.mt-busy strong { font-size: 13px; }
@keyframes mt-spin { to { transform: rotate(360deg); } }
.mt-editor-status { display: flex; min-height: 47px; gap: 20px; align-items: center; justify-content: space-between; padding: 10px 17px; color: #667085; border-top: 1px solid #eaecf0; background: #fff; font-size: 11px; }
#privacyStatus { display: flex; gap: 7px; align-items: center; color: #027a48; }
.mt-result-panel { display: grid; grid-template-columns: 180px minmax(0,1fr); gap: 24px; align-items: center; padding: 20px; border-top: 1px solid #d1fadf; background: #f6fef9; }
.mt-result-preview { height: 145px; padding: 8px; border: 1px solid #d1fadf; border-radius: 12px; background: #fff; }
.mt-result-preview img { width: 100%; height: 100%; object-fit: contain; }
.mt-result-badge { display: inline-flex; margin-bottom: 5px; padding: 4px 8px; border-radius: 999px; color: #027a48; background: #d1fadf; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.mt-result-copy h3 { margin: 0 0 4px; font-size: 18px; }
.mt-result-copy > p { margin: 0 0 13px; color: #667085; font-size: 12px; }
.mt-result-metrics { display: flex; gap: 24px; margin-bottom: 14px; }
.mt-result-metrics span { display: flex; flex-direction: column; }
.mt-result-metrics small { color: #98a2b3; font-size: 9px; text-transform: uppercase; }
.mt-result-metrics strong { color: #344054; font-size: 12px; }
.mt-result-actions { display: flex; gap: 8px; }
.mt-result-actions .mt-btn { min-height: 40px; padding: 9px 14px; font-size: 12px; }

.mt-qr-section { background: #fff; }
.mt-qr-section [hidden] { display: none !important; }
.mt-qr-mode-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 9px; margin-bottom: 18px; }
.mt-qr-mode-grid button { display: grid; min-width: 0; grid-template-columns: 40px minmax(0,1fr); gap: 10px; align-items: center; padding: 12px; border: 1px solid #e4e7ec; border-radius: 12px; text-align: left; color: #344054; background: #fff; transition: border-color .18s, background .18s, transform .18s, box-shadow .18s; }
.mt-qr-mode-grid button:hover, .mt-qr-mode-grid button.is-active { transform: translateY(-1px); color: #b42318; border-color: #fda29b; background: #fff8f7; box-shadow: 0 8px 20px rgba(16,24,40,.06); }
.mt-qr-mode-grid button > b { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 10px; color: #b42318; background: #fee4e2; font-family: "Manrope",sans-serif; font-size: 13px; }
.mt-qr-mode-grid button > span { min-width: 0; font-size: 12px; font-weight: 800; line-height: 1.3; }
.mt-qr-mode-grid small { display: block; margin-top: 2px; overflow: hidden; color: #98a2b3; font-size: 9.5px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
.mt-qr-workspace { display: grid; grid-template-columns: minmax(360px,440px) minmax(0,1fr); gap: 18px; align-items: stretch; }
.mt-qr-form-card, .mt-qr-preview-card { border: 1px solid #e4e7ec; border-radius: var(--mt-radius); background: #fff; box-shadow: var(--mt-shadow); }
.mt-qr-form-card { padding: 24px; }
.mt-qr-form-card > .mt-card-head { margin-bottom: 21px; }
.mt-qr-form-card .mt-step { width: 34px; height: 34px; }
.mt-qr-fields { min-height: 84px; }
.mt-qr-fields .mt-field input, .mt-qr-fields .mt-field select, .mt-qr-fields .mt-field textarea { width: 100%; padding: 10px 11px; border: 1px solid #d0d5dd; border-radius: 8px; outline: none; color: #101828; background: #fff; font-size: 13px; resize: vertical; transition: border .2s, box-shadow .2s; }
.mt-qr-fields .mt-field input, .mt-qr-fields .mt-field select { height: 42px; padding-top: 0; padding-bottom: 0; }
.mt-qr-fields .mt-field input:focus, .mt-qr-fields .mt-field select:focus, .mt-qr-fields .mt-field textarea:focus { border-color: #f97066; box-shadow: 0 0 0 3px rgba(249,112,102,.12); }
.mt-qr-design { margin-top: 7px; padding-top: 18px; border-top: 1px solid #eaecf0; }
.mt-qr-status { min-height: 20px; margin-top: 10px; color: #667085; font-size: 11px; line-height: 1.5; }
.mt-qr-status.is-error { color: #b42318; }.mt-qr-status.is-success { color: #027a48; }
.mt-qr-preview-card { display: flex; min-width: 0; min-height: 600px; flex-direction: column; overflow: hidden; background: #f8fafc; }
.mt-qr-preview-head { display: flex; min-height: 58px; align-items: center; justify-content: space-between; padding: 14px 18px; color: #667085; border-bottom: 1px solid #e4e7ec; background: #fff; font-size: 11px; }
.mt-qr-preview-head span { display: flex; gap: 7px; align-items: center; color: #027a48; font-weight: 700; }
.mt-qr-preview-head i { width: 7px; height: 7px; border-radius: 50%; background: #12b76a; box-shadow: 0 0 0 4px rgba(18,183,106,.1); }
.mt-qr-preview-head strong { color: #344054; font-size: 12px; }
.mt-qr-preview-stage { position: relative; display: grid; min-height: 430px; flex: 1; place-items: center; padding: 34px; overflow: hidden; background: radial-gradient(circle at center,#fff 0,#f1f5f9 72%); }
.mt-qr-preview-stage::before { content: ""; position: absolute; inset: 0; opacity: .22; background-image: linear-gradient(#cbd5e1 1px,transparent 1px),linear-gradient(90deg,#cbd5e1 1px,transparent 1px); background-size: 28px 28px; }
.mt-qr-empty { position: relative; z-index: 1; max-width: 360px; text-align: center; }
.mt-qr-empty > span { display: grid; width: 72px; height: 72px; place-items: center; margin: 0 auto 17px; border: 1px solid #d0d5dd; border-radius: 18px; color: #98a2b3; background: rgba(255,255,255,.86); font-size: 33px; }
.mt-qr-empty h3 { margin: 0 0 7px; font-size: 18px; }.mt-qr-empty p { margin: 0; color: #667085; font-size: 12px; }
#qrCanvas { position: relative; z-index: 2; width: min(430px,100%); height: auto; border: 14px solid #fff; border-radius: 14px; background: #fff; box-shadow: 0 18px 45px rgba(16,24,40,.16); image-rendering: pixelated; }
.mt-qr-download-actions { display: flex; gap: 8px; justify-content: center; padding: 15px 18px; border-top: 1px solid #e4e7ec; background: #fff; }
.mt-qr-download-actions .mt-btn { min-height: 41px; padding: 9px 15px; font-size: 12px; }
.mt-qr-dropzone { min-height: 190px; margin-top: 8px; }
.mt-qr-dropzone .mt-upload-mark { font-size: 22px; }
.mt-qr-reader-actions { display: flex; gap: 8px; margin-top: 13px; }
.mt-qr-reader-actions .mt-btn { flex: 1; min-height: 43px; padding: 9px 12px; font-size: 12px; }
.mt-qr-camera-stage { position: relative; z-index: 2; width: min(560px,100%); overflow: hidden; border-radius: 16px; background: #101828; box-shadow: 0 18px 45px rgba(16,24,40,.2); }
.mt-qr-camera-stage video { display: block; width: 100%; max-height: 480px; object-fit: cover; }
.mt-qr-scan-frame { position: absolute; top: 50%; left: 50%; width: min(68%,300px); aspect-ratio: 1; transform: translate(-50%,-50%); border: 2px solid rgba(255,255,255,.9); border-radius: 14px; box-shadow: 0 0 0 999px rgba(0,0,0,.26),inset 0 0 0 1px rgba(18,183,106,.65); }
.mt-qr-reader-result { padding: 18px; border-top: 1px solid #d1fadf; background: #f6fef9; }
.mt-qr-reader-result pre { max-height: 170px; margin: 7px 0 12px; padding: 12px; overflow: auto; border: 1px solid #d1fadf; border-radius: 9px; color: #344054; background: #fff; font-family: ui-monospace,SFMono-Regular,Menlo,monospace; font-size: 11px; line-height: 1.55; white-space: pre-wrap; overflow-wrap: anywhere; }
.mt-qr-reader-result > div { display: flex; flex-wrap: wrap; gap: 8px; }
.mt-qr-reader-result .mt-btn { min-height: 40px; padding: 9px 14px; font-size: 12px; }

.mt-pdf-section { position: relative; color: #fff; background: #0b1220; }
.mt-pdf-section::before { content: ""; position: absolute; inset: 0; opacity: .16; background: radial-gradient(circle at 80% 10%,#2e90fa,transparent 28%),radial-gradient(circle at 10% 75%,#ef4444,transparent 24%); pointer-events: none; }
.mt-pdf-section .container { position: relative; z-index: 1; }
.mt-light-heading h2 { color: #fff; }
.mt-light-heading > p { color: #98a2b3; }
.mt-tool-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.mt-task-card { display: grid; grid-template-columns: 52px minmax(0,1fr); gap: 16px; align-content: start; padding: 23px; scroll-margin-top: 132px; border: 1px solid rgba(255,255,255,.1); border-radius: 16px; background: rgba(255,255,255,.055); box-shadow: 0 18px 45px rgba(0,0,0,.13); }
.mt-task-wide { grid-column: 1 / -1; grid-template-columns: 52px minmax(0,1fr); }
.mt-task-icon { display: grid; width: 52px; height: 52px; place-items: center; border-radius: 12px; font-size: 11px; font-weight: 800; letter-spacing: .02em; }
.mt-task-red { color: #fda29b; background: rgba(240,68,56,.16); }.mt-task-blue { color: #84adff; background: rgba(46,144,250,.16); }.mt-task-amber { color: #fec84b; background: rgba(247,144,9,.16); }.mt-task-green { color: #6ce9a6; background: rgba(18,183,106,.16); }.mt-task-purple { color: #bdb4fe; background: rgba(127,86,217,.17); }
.mt-task-title h3 { margin: 2px 0 5px; color: #fff; font-size: 18px; }
.mt-task-title p { margin: 0; color: #98a2b3; font-size: 12px; line-height: 1.55; }
.mt-task-card > :not(.mt-task-icon):not(.mt-task-title) { grid-column: 1 / -1; }
.mt-mini-upload { display: flex; align-items: center; justify-content: space-between; margin: 4px 0 0; padding: 13px 14px; border: 1px dashed rgba(255,255,255,.2); border-radius: 10px; color: #fff; background: rgba(255,255,255,.04); cursor: pointer; }
.mt-mini-upload:hover { border-color: rgba(249,112,102,.65); }
.mt-mini-upload span { font-size: 13px; font-weight: 700; }
.mt-mini-upload small { max-width: 55%; overflow: hidden; color: #667085; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.mt-task-card .mt-field > span:first-child { color: #d0d5dd; }
.mt-task-card .mt-field select { color: #e4e7ec; border-color: rgba(255,255,255,.13); background: #151e2e; }
.mt-file-list { display: flex; max-height: 160px; flex-direction: column; gap: 6px; margin: 0; padding: 0; overflow-y: auto; list-style: none; }
.mt-file-list li { display: grid; grid-template-columns: 1fr auto; gap: 8px; align-items: center; padding: 8px 10px; border-radius: 8px; color: #d0d5dd; background: rgba(255,255,255,.05); font-size: 11px; }
.mt-file-list li > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mt-list-actions { display: flex; gap: 4px; }
.mt-list-actions button { display: grid; width: 25px; height: 25px; place-items: center; padding: 0; border: 1px solid rgba(255,255,255,.1); border-radius: 6px; color: #98a2b3; background: transparent; font-size: 12px; }
.mt-list-actions button:hover { color: #fff; background: rgba(255,255,255,.08); }
.mt-task-status { min-height: 20px; color: #98a2b3; font-size: 11px; line-height: 1.5; }
.mt-task-status.is-error { color: #fda29b; }.mt-task-status.is-success { color: #6ce9a6; }.mt-task-status.is-working { color: #84adff; }

.mt-trust-section { background: #fff; }
.mt-trust-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 80px; align-items: center; }
.mt-trust-copy h2 { margin: 8px 0 18px; font-size: clamp(32px,4vw,48px); font-weight: 800; line-height: 1.12; letter-spacing: -.04em; }
.mt-trust-copy p { color: #667085; font-size: 16px; line-height: 1.7; }
.mt-checklist { border-top: 1px solid #eaecf0; }
.mt-checklist > div { display: grid; grid-template-columns: 48px 1fr; gap: 15px; padding: 18px 0; border-bottom: 1px solid #eaecf0; }
.mt-checklist b { color: #fda29b; font-family: "Manrope",sans-serif; font-size: 12px; }
.mt-checklist strong,.mt-checklist small { display: block; }
.mt-checklist strong { color: #101828; font-size: 15px; }
.mt-checklist small { margin-top: 3px; color: #667085; font-size: 12px; }
.mt-privacy-card { display: grid; grid-template-columns: 58px 1fr; gap: 18px; align-items: center; margin-top: 55px; padding: 24px; border: 1px solid #abefc6; border-radius: 16px; background: #ecfdf3; }
.mt-privacy-icon { display: grid; width: 56px; height: 56px; place-items: center; border-radius: 13px; color: #067647; background: #d1fadf; }
.mt-privacy-icon svg { width: 27px; height: 27px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.mt-privacy-card h3 { margin: 0 0 5px; color: #05603a; font-size: 17px; }
.mt-privacy-card p { margin: 0; color: #16704a; font-size: 12px; line-height: 1.6; }
.mt-faq-section { padding-top: 45px; background: #f8fafc; }
.mt-faq-section details { border-bottom: 1px solid #d0d5dd; }
.mt-faq-section summary { position: relative; padding: 20px 44px 20px 0; color: #101828; font-family: "Manrope",sans-serif; font-size: 16px; font-weight: 700; cursor: pointer; list-style: none; }
.mt-faq-section summary::-webkit-details-marker { display: none; }
.mt-faq-section summary::after { content: "+"; position: absolute; right: 8px; color: #667085; font-size: 23px; font-weight: 400; }
.mt-faq-section details[open] summary::after { content: "−"; }
.mt-faq-section details p { margin: -5px 0 20px; padding-right: 50px; color: #667085; font-size: 14px; line-height: 1.7; }

.mt-toast { position: fixed; z-index: 10050; right: 22px; bottom: 22px; max-width: min(390px,calc(100vw - 32px)); padding: 13px 16px; transform: translateY(20px); border: 1px solid #eaecf0; border-left: 4px solid #12b76a; border-radius: 10px; opacity: 0; color: #344054; background: #fff; box-shadow: 0 18px 45px rgba(16,24,40,.18); font-size: 13px; pointer-events: none; transition: opacity .2s, transform .2s; }
.mt-toast.is-visible { transform: translateY(0); opacity: 1; }.mt-toast.is-error { border-left-color: #f04438; }

@media (max-width: 1199px) {
    .mt-hero-inner { gap: 42px; }
    .mt-studio-grid { grid-template-columns: 330px minmax(0,1fr); }
    .mt-workbench { min-height: 520px; }
    #imageCanvas { max-height: 460px; }
}
@media (max-width: 991px) {
    .mt-hero { min-height: auto; padding-top: 125px; }
    .mt-hero-inner { grid-template-columns: 1fr; }
    .mt-hero-panel { max-width: 620px; }
    .mt-toolbar-group button, .mt-toolbar-select { min-width: 44px; min-height: 44px; }
    .mt-inline-presets button { min-height: 44px; }
    .mt-field input:not([type="range"]):not([type="color"]), .mt-field select, .mt-qr-fields .mt-field input, .mt-qr-fields .mt-field select { height: 46px; }
    .mt-check { min-height: 40px; }
    .mt-list-actions button { width: 40px; height: 40px; }
    .mt-result-actions .mt-btn, .mt-qr-download-actions .mt-btn, .mt-qr-reader-result .mt-btn { min-height: 46px; }
    .mt-studio-grid { grid-template-columns: 1fr; }
    .mt-control-card { display: grid; grid-template-columns: 1fr 1fr; column-gap: 20px; }
    .mt-control-card > * { grid-column: 2; }
    .mt-control-card > .mt-card-head:first-child, .mt-control-card > .mt-dropzone, .mt-control-card > .mt-file-meta { grid-column: 1; }
    .mt-control-card > .mt-divider { display: none; }
    .mt-control-card > .mt-card-head:first-child { align-self: end; }
    .mt-dropzone { grid-row: 2 / span 8; min-height: 250px; }
    .mt-tool-grid { grid-template-columns: 1fr; }
    .mt-service-category-grid { grid-template-columns: 1fr; }
    .mt-service-category header { min-height: 0; }
    .mt-service-links-compact { display: grid; grid-template-columns: 1fr 1fr; column-gap: 18px; }
    .mt-qr-workspace { grid-template-columns: 1fr; }
    .mt-qr-preview-card { min-height: 560px; }
    .mt-task-wide { grid-column: auto; }
    .mt-trust-grid { grid-template-columns: 1fr; gap: 38px; }
}
@media (max-width: 767px) {
    .mt-section { padding: 58px 0; }
    .mt-hero { padding: 105px 0 58px; }
    .mt-hero-panel { display: none; }
    .mt-hero h1 { font-size: 46px; }
    .mt-hero-copy > p { font-size: 16px; }
    .mt-privacy-line { flex-direction: column; gap: 9px; }
    .mt-tool-nav { top: 61px; }
    .mt-tool-nav-inner { gap: 0; overflow: visible; }
    .mt-tool-nav a { flex: 1 1 25%; padding: 17px 4px 15px; font-size: 12px; text-align: center; }
    .mt-nav-label-full { display: none; }
    .mt-nav-label-short { display: inline; }
    .mt-services-heading { display: block; }
    .mt-service-count { width: max-content; min-width: 0; margin-top: 21px; }
    .mt-category-pills { grid-template-columns: 1fr 1fr; }
    .mt-section-heading { display: block; }
    .mt-section-heading > p { margin-top: 14px; }
    .mt-qr-mode-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .mt-qr-preview-stage { min-height: 390px; padding: 22px; }
    .mt-control-card { display: block; }
    .mt-dropzone { min-height: 150px; }
    .mt-control-card > .mt-divider { display: block; }
    .mt-editor-toolbar { align-items: flex-start; overflow-x: auto; }
    .mt-toolbar-group { flex: none; }
    .mt-workbench { min-height: 400px; padding: 18px; }
    #imageCanvas { max-height: 360px; }
    .mt-editor-status { flex-wrap: wrap; gap: 8px 15px; }
    .mt-result-panel { grid-template-columns: 1fr; }
    .mt-result-preview { height: 190px; }
    .mt-result-metrics { flex-wrap: wrap; }
    .mt-privacy-card { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
    .mt-hero h1 { font-size: 39px; }
    .mt-hero-actions { flex-direction: column; }
    .mt-hero-actions .mt-btn { width: 100%; }
    .mt-hero-panel { padding: 12px; }
    .mt-preset-card { grid-template-columns: 42px minmax(0,1fr); }
    .mt-preset-card b { display: none; }
    .mt-section-heading h2 { font-size: 31px; }
    .mt-services-heading h2 { font-size: 36px; }
    .mt-service-category { padding: 17px; }
    .mt-service-category header { grid-template-columns: 46px minmax(0,1fr); gap: 11px; }
    .mt-category-icon { width: 46px; height: 46px; }
    .mt-service-links-compact { display: flex; }
    .mt-services-assurance { grid-template-columns: 1fr; }
    .mt-control-card, .mt-task-card { padding: 17px; }
    .mt-qr-form-card { padding: 17px; }
    .mt-qr-mode-grid button { grid-template-columns: 34px minmax(0,1fr); padding: 9px; }
    .mt-qr-mode-grid button > b { width: 34px; height: 34px; }
    .mt-qr-mode-grid small { display: none; }
    .mt-qr-preview-card { min-height: 480px; }
    .mt-qr-preview-stage { min-height: 330px; padding: 15px; }
    #qrCanvas { border-width: 9px; }
    .mt-qr-reader-actions, .mt-qr-download-actions { flex-direction: column; }
    .mt-editor-toolbar span { display: none; }
    .mt-toolbar-select span { display: none; }
    .mt-workbench { min-height: 340px; }
    #imageCanvas { max-height: 310px; }
    .mt-task-card { grid-template-columns: 46px minmax(0,1fr); gap: 12px; }
    .mt-task-icon { width: 46px; height: 46px; }
    .mt-mini-upload { align-items: flex-start; flex-direction: column; gap: 3px; }
    .mt-mini-upload small { max-width: 100%; }
}

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