/* melencio.work site styles */
body{margin:0;background:var(--bg);color:var(--text);font-family:'Archivo',system-ui,sans-serif}
a{color:inherit;text-decoration:none}a:hover{opacity:0.85}
@keyframes mtUp{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}
@keyframes mtLine{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:none}}
@keyframes mtRise{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes mtDraw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes mtFade{from{opacity:0}to{opacity:1}}
@keyframes mtPulse{0%{transform:scale(1);opacity:0.6}100%{transform:scale(3.2);opacity:0}}
@keyframes mtBlink{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes mtBarLoop{0%{transform:scaleY(0)}18%{transform:scaleY(1)}82%{transform:scaleY(1)}100%{transform:scaleY(0)}}
@keyframes mtTrend{0%{stroke-dashoffset:1}30%{stroke-dashoffset:0}82%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
.mt-up{opacity:0;animation:mtUp .9s cubic-bezier(.2,0,0,1) forwards}
.mt-line{opacity:0;animation:mtLine .45s cubic-bezier(.2,0,0,1) forwards}
.mt-bar{transform-origin:bottom;transform:scaleY(0);animation:mtRise .7s cubic-bezier(.2,0,0,1) forwards}
.mt-draw{stroke-dasharray:1;stroke-dashoffset:1;animation:mtDraw 3s cubic-bezier(.4,0,.2,1) .3s forwards}
.mt-area{opacity:0;animation:mtFade 1.6s ease 1.8s forwards}
.mt-end{opacity:0;animation:mtFade .4s ease 3.2s forwards}
.mt-pulse{transform-box:fill-box;transform-origin:center;animation:mtPulse 1.8s ease-out 3.3s infinite;opacity:0}
.mt-cursor{animation:mtBlink 1s steps(1) infinite}
.mt-barloop{transform-origin:bottom;transform:scaleY(0);animation:mtBarLoop 6s cubic-bezier(.2,0,0,1) 3.4s infinite}
.mt-trend{stroke-dasharray:1;stroke-dashoffset:1;animation:mtTrend 6s cubic-bezier(.4,0,.2,1) 3.6s infinite}
.mt-dot{animation:mtPulse 1.6s ease-out infinite;transform-origin:center}

.mt-mob{display:none!important}
@media (max-width:1360px){.mt-wrap{padding-left:40px!important;padding-right:40px!important}.mt-box{width:calc(100% - 80px)!important}}
@media (max-width:1024px){
.mt-desk{display:none!important}.mt-mob{display:flex!important}
.mt-hdr{grid-template-columns:1fr auto!important}
.mt-hero{grid-template-columns:minmax(0,1fr)!important;row-gap:56px!important;padding-top:72px!important;padding-bottom:72px!important}
.mt-col-full{grid-column:1 / -1!important}
.mt-h1{font-size:68px!important}
.mt-term{max-width:640px}
.mt-proof{flex-wrap:wrap!important;justify-content:center!important;gap:16px 40px}
.mt-proof>span:first-child{width:100%;text-align:center}
.mt-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;row-gap:48px;padding-top:72px!important;padding-bottom:72px!important}
.mt-stat{padding:0 24px 0 0!important;border-left:0!important}
.mt-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.mt-case{grid-template-columns:minmax(0,1fr)!important}
.mt-case-main{padding:48px!important}
.mt-case-metrics{border-left:0!important;border-top:1px solid rgba(128,128,128,.3)}
.mt-faq{grid-template-columns:minmax(0,1fr)!important;row-gap:40px;padding-top:80px!important;padding-bottom:80px!important}
.mt-h2{font-size:44px!important}
.mt-cta{flex-direction:column!important;align-items:flex-start!important;gap:32px;padding:56px 48px!important}
}
@media (max-width:640px){
.mt-wrap{padding-left:20px!important;padding-right:20px!important}
.mt-box{width:calc(100% - 40px)!important}
.mt-hdr-right{gap:8px!important}
.mt-h1{font-size:44px!important}
.mt-h2{font-size:32px!important}
.mt-btns{flex-direction:column!important;align-items:stretch!important}
.mt-btns>a{justify-content:center}
.mt-hide-sm{display:none!important}
.mt-term{font-size:13px!important}
.mt-stats{grid-template-columns:minmax(0,1fr)!important;row-gap:36px}
.mt-stat>div:first-child{font-size:56px!important}
.mt-cards{grid-template-columns:minmax(0,1fr)!important}
.mt-cards>a{min-height:0!important}
.mt-svc-head{flex-direction:column!important;align-items:flex-start!important;gap:20px}
.mt-case-main{padding:32px 24px!important}
.mt-case-metrics>div{padding:28px 24px!important}
.mt-case-metrics span:last-child{font-size:44px!important}
.mt-cta{padding:40px 24px!important}
.mt-cta>a{width:100%;justify-content:center;box-sizing:border-box}
.mt-faq h3{font-size:19px!important}
}

.mt-sticky{position:sticky;top:96px;align-self:start}
@media (max-width:1024px){
.mt-split{grid-template-columns:minmax(0,1fr)!important;row-gap:48px!important}
.mt-sticky{position:static}
.mt-grid3{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.mt-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.mt-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.mt-metrics>div{border-left:0!important;border-bottom:1px solid rgba(128,128,128,.3)}
.mt-pagehero{padding-top:56px!important;padding-bottom:56px!important}
.mt-aside-hide{display:none!important}
}
@media (max-width:640px){
.mt-grid3,.mt-steps,.mt-metrics{grid-template-columns:minmax(0,1fr)!important}
.mt-prose{font-size:17px!important}
.mt-prose h2{font-size:28px!important}
.mt-box-pad{padding:24px!important}
.mt-quote{font-size:24px!important}
.mt-crumbs{font-size:12px!important}
}

.mt-faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;align-items:center}
.mt-faq-item summary::-webkit-details-marker{display:none}
.mt-plus{transition:transform .2s ease;flex-shrink:0}
.mt-faq-item[open] .mt-plus{transform:rotate(45deg)}
.mt-prose strong{color:var(--text)}
.mt-prose a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.mt-prose ul{margin:0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:12px}
.mt-prose ul li{position:relative;padding-left:28px}
.mt-prose ul li::before{content:"";position:absolute;left:0;top:.72em;width:12px;height:3px;background:var(--fill)}
.mt-prose h3{margin:12px 0 0;font-weight:800;font-stretch:112%;font-size:22px;line-height:1.3;color:var(--text)}
.mt-field{display:flex;flex-direction:column;gap:8px;font-size:15px;font-weight:600}
.mt-field input,.mt-field select,.mt-field textarea{font:inherit;font-weight:400;font-size:16px;padding:14px 16px;background:var(--s1);color:var(--text);border:1px solid var(--line);border-radius:0;min-height:52px;box-sizing:border-box;width:100%}
.mt-field textarea{min-height:160px;resize:vertical}
.mt-field input:focus,.mt-field select:focus,.mt-field textarea:focus{outline:2px solid var(--ink);outline-offset:0}
a.mt-card{transition:border-color .2s ease,transform .2s ease}
a.mt-card:hover{border-color:var(--fill)!important;opacity:1}
@media (max-width:1024px){.mt-grid2{grid-template-columns:minmax(0,1fr)!important}.mt-tl{grid-template-columns:minmax(0,1fr)!important}}
@media (prefers-reduced-motion: reduce){.mt-up,.mt-line,.mt-bar,.mt-draw,.mt-area,.mt-end,.mt-pulse,.mt-barloop,.mt-trend,.mt-cursor,.mt-dot{animation:none!important;opacity:1!important;transform:none!important;stroke-dashoffset:0!important}}
html{--hdr-h:104px;--logo-scale:1;--hdr-shadow:none;--ring-red:2px solid transparent;--ring-blue:2px solid transparent;scroll-behavior:smooth}
html,html[data-theme="dark"]{--bg:#0B0B0C;--s1:#141416;--s2:#1A1A1D;--line:#2A2A2E;--text:#F4F3F1;--muted:#A6A5A1;--glass:rgba(11,11,12,0.82)}
html[data-theme="light"]{--bg:#F4F3F0;--s1:#FFFFFF;--s2:#ECEAE5;--line:#D9D6CF;--text:#111113;--muted:#55534E;--glass:rgba(244,243,240,0.86)}
html,html[data-accent="red"]{--fill:#E0161E;--on:#FFFFFF;--ink:#FF3B41;--ring-red:2px solid var(--text)}
html[data-theme="light"][data-accent="red"],html[data-theme="light"]:not([data-accent]){--ink:#C4121A}
html[data-accent="blue"]{--fill:#1F6FEB;--on:#FFFFFF;--ink:#5B9DFF;--ring-red:2px solid transparent;--ring-blue:2px solid var(--text)}
html[data-theme="light"][data-accent="blue"]{--ink:#1A5FD0}
html.is-scrolled{--hdr-h:72px;--logo-scale:0.84;--hdr-shadow:0 10px 30px rgba(0,0,0,0.25)}
html[data-theme="dark"] .icon-moon,html[data-theme="light"] .icon-sun{display:none}
.icon-sun,.icon-moon,.icon-burger{display:inline-flex}
.icon-close{display:none}
@media (max-width:1024px){.mt-herochart{top:auto!important;bottom:0;height:60%!important}}
@media (max-width:640px){.mt-herochart{height:420px!important;opacity:.7}}
html.menu-open .icon-close{display:inline-flex}
html.menu-open .icon-burger{display:none}
.mobile-menu{display:none}
@media (max-width:1024px){html.menu-open .mobile-menu{display:flex!important}}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
button{font:inherit}
main{display:block}

/* ===== Phase 3: article content from the editor ===== */
.mt-content{display:flex;flex-direction:column;gap:22px}
.mt-content>*{margin:0}
.mt-content h2{margin:28px 0 0;scroll-margin-top:100px;font-weight:900;font-stretch:125%;font-size:36px;line-height:1.08;text-transform:uppercase;color:var(--text)}
.mt-content h3{margin:12px 0 0;font-weight:800;font-stretch:112%;font-size:24px;line-height:1.3;color:var(--text)}
.mt-content h4{margin:8px 0 0;font-weight:800;font-size:19px;color:var(--text)}
.mt-content ol{margin:0;padding-left:24px;display:flex;flex-direction:column;gap:12px}
.mt-content ol li::marker{color:var(--ink);font-weight:700}
.mt-content blockquote{margin:8px 0;padding:24px 0 24px 28px;border-left:3px solid var(--fill);font-size:22px;line-height:1.5;color:var(--text);font-weight:600}
.mt-content blockquote p{margin:0}
.mt-content img{max-width:100%;height:auto;display:block;border:1px solid var(--line)}
.mt-content figure{margin:8px 0}
.mt-content figcaption{margin-top:10px;font-size:14px;color:var(--muted)}
.mt-content table{display:block;overflow-x:auto;width:100%;border-collapse:collapse;font-size:16px;line-height:1.5;border:1px solid var(--line)}
.mt-content th,.mt-content td{padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);min-width:140px}
.mt-content thead th{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);background:var(--s2);font-weight:600}
.mt-content td:first-child{font-weight:700;color:var(--text)}
.mt-content hr{border:0;border-top:1px solid var(--line);width:100%}
@media (max-width:640px){.mt-content h2{font-size:28px}.mt-content blockquote{font-size:19px}}

/* ===== Phase 4: navigation with submenus ===== */
.mt-nav{display:flex;align-items:center;gap:36px;list-style:none;margin:0;padding:0;font-size:15px;font-weight:500}
.mt-nav>li{position:relative;display:flex;align-items:center;gap:4px}
.mt-nav a{transition:color .15s ease}
.mt-nav a:hover,.mt-nav a[aria-current="page"],.mt-nav a[data-active="1"]{color:var(--ink);opacity:1}
.mt-sub-toggle{background:none;border:0;color:inherit;padding:6px 2px;margin:-6px 0;cursor:pointer;display:flex;align-items:center;transition:transform .2s ease}
.has-sub.open>.mt-sub-toggle,.has-sub:hover>.mt-sub-toggle{transform:rotate(180deg);color:var(--ink)}
.has-sub::after{content:"";position:absolute;left:-12px;right:-12px;top:100%;height:22px}
.mt-sub{position:absolute;top:calc(100% + 18px);left:-22px;min-width:270px;list-style:none;margin:0;padding:10px 0;background:var(--s1);border:1px solid var(--line);box-shadow:0 22px 48px rgba(0,0,0,.28);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:70}
.mt-sub::before{content:"";position:absolute;top:-1px;left:22px;width:48px;height:3px;background:var(--fill)}
.has-sub:hover>.mt-sub,.has-sub:focus-within>.mt-sub,.has-sub.open>.mt-sub{opacity:1;visibility:visible;transform:none}
.mt-sub a{display:block;padding:11px 22px;font-size:15px;font-weight:500;white-space:nowrap}
.mt-sub a:hover,.mt-sub a[aria-current="page"]{background:var(--s2);color:var(--ink)}
.mt-mlink{padding:16px 0;border-bottom:1px solid var(--line)}
.mt-mrow{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}
.mt-mrow>a{padding:16px 0;flex-grow:1}
.mt-msub-toggle{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--s1);border:1px solid var(--line);color:var(--text);cursor:pointer;transition:transform .2s ease}
.mt-msub-toggle[aria-expanded="true"]{transform:rotate(180deg)}
.mt-msub{display:flex;flex-direction:column;padding:4px 0 8px 18px;border-bottom:1px solid var(--line)}
.mt-msub[hidden]{display:none}
.mt-msub a{padding:12px 0;font-size:17px;font-weight:600;color:var(--muted)}
.mt-msub a[aria-current="page"],.mt-mlink[aria-current="page"],.mt-mrow>a[aria-current="page"]{color:var(--ink)}
@media (prefers-reduced-motion:reduce){.mt-sub,.mt-sub-toggle,.mt-msub-toggle{transition:none}}

/* ===== Phase 5A: subscribe box & sidebar ===== */
.mt-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.mt-sub-input{width:100%;box-sizing:border-box;height:52px;padding:0 16px;font:inherit;font-size:16px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:0}
.mt-sub-input:focus{outline:2px solid var(--ink);outline-offset:0}
.mt-sticky-group{position:sticky;top:96px;max-height:calc(100vh - 120px);overflow-y:auto;scrollbar-width:thin}
@media (max-width:1024px){.mt-sticky-group{position:static;max-height:none;overflow:visible}}

/* ===== Section settings (set from the editor's section toolbar) ===== */
section.mt-bg-surface{background:var(--s1)}
section.mt-bg-surface{--s1:var(--s2)}
section.mt-bg-dark{--bg:#0B0B0C;--s1:#141416;--s2:#1C1C1F;--line:#2A2A2E;--text:#F4F3F1;--muted:#A6A5A1;--ink:#FF3B41;background:var(--bg);color:var(--text)}
section.mt-bg-accent{background:var(--fill);color:var(--on);--text:var(--on);--muted:rgba(255,255,255,.86);--ink:var(--on);--line:rgba(255,255,255,.3);--s1:rgba(0,0,0,.14);--s2:rgba(0,0,0,.22);--fill:#0B0B0C;--on:#F4F3F1}
section[class*="mt-bg-"]>.mt-wrap{padding-bottom:var(--mt-pb,110px)!important}
section.mt-pt-0>.mt-wrap{padding-top:0!important}section.mt-pt-sm>.mt-wrap{padding-top:48px!important}section.mt-pt-lg>.mt-wrap{padding-top:160px!important}
section.mt-pb-0{--mt-pb:0px}section.mt-pb-sm{--mt-pb:48px}section.mt-pb-lg{--mt-pb:160px}
section.mt-pb-0>.mt-wrap,section.mt-pb-sm>.mt-wrap,section.mt-pb-lg>.mt-wrap{padding-bottom:var(--mt-pb)!important}
section.mt-rev .mt-split>.mt-col-full:first-child{order:2}
section[id]{scroll-margin-top:96px}
@media (max-width:767px){.mt-hide-m{display:none!important}}
@media (min-width:768px){.mt-hide-d{display:none!important}}
@media (max-width:1024px){section.mt-rev .mt-split>.mt-col-full:first-child{order:0}}

/* ===== Video, logos, forms ===== */
.mt-video{cursor:pointer}
.mt-video::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.25);transition:background .2s}
.mt-video:hover::after{background:rgba(0,0,0,.1)}
.mt-video .mt-video-play{position:relative;z-index:1}
.mt-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media (max-width:1024px){.mt-logos{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
.mt-leadform .mt-field span{display:block}

/* Footer links */
.mt-footlink{color:var(--muted);transition:color .15s}
.mt-footlink:hover{color:var(--ink)}

/* ===== Form controls follow the light/dark theme (dropdown lists, date pickers) ===== */
html[data-theme="dark"]{color-scheme:dark}
html[data-theme="light"]{color-scheme:light}
.mt-field select option,.mt-field select optgroup{background-color:var(--s1);color:var(--text)}
.mt-field select{appearance:none;-webkit-appearance:none;padding-right:44px;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 22px) 50%,calc(100% - 16px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat;cursor:pointer}
.mt-field input[type=date]{min-height:52px}
.mt-field input::placeholder,.mt-field textarea::placeholder{color:var(--muted);opacity:.8}