/* Marketlead: existing content design, scoped for vibe-site. */
.page--marketing-marketlead .ml-consent { display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;margin:18px 0;color:#45517a }
.page--marketing-marketlead .ml-consent input { flex:0 0 auto;width:18px;height:18px;margin-top:2px }
.page--marketing-marketlead .ml-consent a { text-decoration:underline }
.page--marketing-marketlead .ml-button:disabled { opacity:.65;cursor:wait }
.page--marketing-marketlead #lead-status { font-size:15px;line-height:1.5;margin-top:16px }
.page--marketing-marketlead .ml-field-hint { display:block;font-size:12px;line-height:1.5;color:#596583;margin:8px 0 0 }
.page--marketing-marketlead .ml-inline-error { display:block;color:#a32332;font-size:13px;line-height:1.5;margin-top:6px }
.page--marketing-marketlead .ml-inline-error:empty { display:none }
.page--marketing-marketlead .ml-contact-channels { border:0;padding:0;margin:0 0 22px;min-width:0 }
.page--marketing-marketlead .ml-contact-channels legend { font-weight:500;font-size:15px;color:#111b4c;padding:0 }
.page--marketing-marketlead .ml-contact-channels .ml-field-hint { margin:0 0 12px }
.page--marketing-marketlead .ml-channel-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px }
.page--marketing-marketlead .ml-channel { display:flex;align-items:center;gap:10px;min-height:48px;padding:12px;border:1px solid #d5dae6;border-radius:10px;cursor:pointer;color:#243055;font-size:15px;background:white }
.page--marketing-marketlead .ml-channel input { width:18px;height:18px;accent-color:#354dc4;flex:none;margin:0 }
.page--marketing-marketlead .ml-channel:has(input:checked) { border-color:#354dc4;background:#eff2ff;color:#233cb2 }
.page--marketing-marketlead .ml-channel:focus-within { outline:2px solid #354dc4;outline-offset:3px }
.page--marketing-marketlead .ml-field input[aria-invalid=true] { border-color:#a32332 }
.page--marketing-marketlead { margin:0;background:#fff;color:#091a4e;font:400 18px/1.55 var(--font-base) }
.page--marketing-marketlead button,
.page--marketing-marketlead input,
.page--marketing-marketlead textarea,
.page--marketing-marketlead select { font:inherit }
.page--marketing-marketlead button,
.page--marketing-marketlead a,
.page--marketing-marketlead input,
.page--marketing-marketlead textarea,
.page--marketing-marketlead select { -webkit-tap-highlight-color:transparent }
.page--marketing-marketlead button { cursor:pointer }
.page--marketing-marketlead ::selection { background:#dde6ff;color:#091a4e }
.page--marketing-marketlead input,
.page--marketing-marketlead textarea { caret-color:#2951ca }
.page--marketing-marketlead a { text-underline-offset:5px }
.page--marketing-marketlead:focus { outline:none }
.page--marketing-marketlead :focus-visible { outline:3px solid #0260e8;outline-offset:5px }
.page--marketing-marketlead h1,
.page--marketing-marketlead h2,
.page--marketing-marketlead h3,
.page--marketing-marketlead p { margin:0 }
.page--marketing-marketlead h1,
.page--marketing-marketlead h2,
.page--marketing-marketlead h3 { text-wrap:balance }
.page--marketing-marketlead h2 { font-size:clamp(32px,3.3vw,46px);line-height:1.14;letter-spacing:-.032em;font-weight:500 }
.page--marketing-marketlead h3 { font-size:23px;line-height:1.25;letter-spacing:-.018em;font-weight:500 }
.page--marketing-marketlead p { color:#404c72 }
.page--marketing-marketlead .ml-wrap { width:min(1240px,calc(100% - 64px));margin-inline:auto }
.page--marketing-marketlead .ml-section { padding-block:112px }
.page--marketing-marketlead .ml-icon { width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round }
.page--marketing-marketlead .ml-button { display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:56px;padding:15px 24px;border:1px solid transparent;border-radius:30px;background:#2951ca;color:#fff;text-decoration:none;font-size:17px;font-weight:500;line-height:1.3;transition:background .18s ease,transform .18s ease }
.page--marketing-marketlead .ml-button:hover { background:#1c3c9b;transform:translateY(-2px) }
.page--marketing-marketlead .ml-button:active { transform:none }
.page--marketing-marketlead .ml-button-outline { background:transparent;border-color:#cad5ef;color:#091a4e }
.page--marketing-marketlead .ml-button-outline:hover { background:#e9efff }
.page--marketing-marketlead .ml-button-white { background:#fff;color:#111b4c }
.page--marketing-marketlead .ml-button-white:hover { background:#e3ebff }
.page--marketing-marketlead .ml-button:disabled { opacity:.55;cursor:wait;transform:none }
.page--marketing-marketlead .ml-text-link { display:inline-flex;align-items:center;gap:10px;min-height:44px;color:#2951ca;text-decoration:none;font-size:17px;font-weight:500 }
.page--marketing-marketlead .ml-text-link:hover { text-decoration:underline }
.page--marketing-marketlead .ml-actions { display:flex;flex-wrap:wrap;align-items:center;gap:18px 26px }
.page--marketing-marketlead .ml-hero { display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:54px;padding-block:82px 86px }
.page--marketing-marketlead .ml-hero h1 { font-size:clamp(44px,4.7vw,66px);line-height:1.075;letter-spacing:-.036em;font-weight:500;max-width:660px }
.page--marketing-marketlead .ml-hero h1 span { color:#2951ca }
.page--marketing-marketlead .ml-hero-lead { font-size:21px;line-height:1.5;margin-top:26px!important;max-width:540px }
.page--marketing-marketlead .ml-time { display:flex;align-items:center;flex-wrap:wrap;gap:0 7px;font-size:16px;line-height:1.55;margin-top:24px!important;max-width:490px }
.page--marketing-marketlead .ml-time .ml-icon { width:19px;height:19px;color:#2951ca;margin-right:2px }
.page--marketing-marketlead .ml-time strong { font-weight:500;color:#091a4e }
.page--marketing-marketlead .ml-hero .ml-actions { margin-top:32px }
.page--marketing-marketlead .ml-partnership { display:flex;align-items:center;gap:14px;margin-top:44px }
.page--marketing-marketlead .ml-ft-name { display:flex;align-items:center;gap:7px;font-size:19px;font-weight:700;letter-spacing:-.025em }
.page--marketing-marketlead .ml-times { color:#8d9abb;font-size:20px }
.page--marketing-marketlead .ml-ml-name { display:flex;align-items:center;gap:3px;font-size:20px;font-weight:700;letter-spacing:-.03em }
.page--marketing-marketlead .ml-ml-dot { width:5px;height:5px;border-radius:50%;background:#2951ca;margin-top:10px }
.page--marketing-marketlead .ml-partnership p { font-size:12px;line-height:1.45;margin-left:5px;padding-left:17px;border-left:1px solid #dce3f2 }
.page--marketing-marketlead .ml-hero-scene { position:relative;padding:27px 28px 20px;background:#edf2ff;border-radius:24px;min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center;overflow:hidden }
.page--marketing-marketlead .ml-scene-tabs { display:flex;gap:2px;margin-bottom:32px;position:relative;z-index:2 }
.page--marketing-marketlead .ml-scene-tabs button { padding:10px 12px;min-height:44px;border:0;background:transparent;color:#515d89;font-size:14px;line-height:1.3;white-space:nowrap;border-radius:24px;transition:background .2s,color .2s }
.page--marketing-marketlead .ml-scene-tabs button[aria-selected=true] { background:#2951ca;color:#fff }
.page--marketing-marketlead .ml-scene-tabs button:hover:not([aria-selected=true]) { background:#dce6ff;color:#091a4e }
.page--marketing-marketlead .ml-profile { position:relative;z-index:1;background:#fff;border-radius:16px;padding:27px 28px 24px;box-shadow:0 18px 35px #263d7918;min-height:356px;transform:rotate(-1deg) }
.page--marketing-marketlead .ml-paper-back { position:absolute;top:122px;left:33px;right:20px;height:355px;background:#dbe5fc;border-radius:16px;transform:rotate(4deg) }
.page--marketing-marketlead .ml-paper-top { display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:#515d89;padding-bottom:21px;border-bottom:1px solid #e6ebf6 }
.page--marketing-marketlead .ml-paper-top>span:first-child { display:flex;gap:8px;align-items:center }
.page--marketing-marketlead .ml-paper-top .ml-icon { width:18px;height:18px }
.page--marketing-marketlead .ml-example { font-size:11px;font-weight:400;border:1px solid #dce4f3;border-radius:6px;padding:2px 7px;line-height:1.5;letter-spacing:0;color:#515d89 }
.page--marketing-marketlead .ml-profile h2 { font-size:27px;line-height:1.18;font-weight:500;margin-top:23px;letter-spacing:-.02em }
.page--marketing-marketlead .ml-profile>p { margin-top:12px;font-size:14px;line-height:1.5;min-height:42px }
.page--marketing-marketlead .ml-profile-tasks { padding:0;margin:21px 0 0;list-style:none }
.page--marketing-marketlead .ml-profile-tasks li { display:flex;gap:9px;align-items:flex-start;font-size:14px;line-height:1.5;padding-block:5px;color:#25365f }
.page--marketing-marketlead .ml-profile-tasks li::before { content:"";width:6px;height:6px;border-radius:50%;background:#2951ca;flex:none;margin-top:8px }
.page--marketing-marketlead .ml-profile-bottom { display:flex;align-items:center;gap:12px;margin-top:23px;padding-top:17px;border-top:1px solid #e6ebf6 }
.page--marketing-marketlead .ml-profile-bottom p { font-size:12px;line-height:1.5 }
.page--marketing-marketlead .ml-scope-icon { display:grid;place-items:center;width:35px;height:35px;background:#edf3ff;border-radius:10px;flex:none;color:#2951ca }
.page--marketing-marketlead .ml-scope-icon .ml-icon { width:19px;height:19px }
.page--marketing-marketlead .ml-scene-caption { display:flex;align-items:center;gap:11px;font-size:12px;line-height:1.45;color:#515d89;margin:27px 0 0 12px }
.page--marketing-marketlead .ml-small-line { width:30px;height:1px;background:#8ea5d7 }
.page--marketing-marketlead .ml-page-nav { border-block:1px solid #e7ecf6 }
.page--marketing-marketlead .ml-page-nav nav { display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:72px }
.page--marketing-marketlead .ml-page-nav a { font-size:15px;color:#404c72;text-decoration:none;padding:15px 0;white-space:nowrap;min-height:44px }
.page--marketing-marketlead .ml-page-nav a:hover { color:#2951ca }
.page--marketing-marketlead .ml-section-intro { display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:75px;margin-bottom:54px }
.page--marketing-marketlead .ml-section-intro h2 span { color:#647294 }
.page--marketing-marketlead .ml-section-intro p { font-size:17px;max-width:480px }
.page--marketing-marketlead .ml-approach-layout { display:grid;grid-template-columns:1.08fr 1fr;gap:90px;align-items:center }
.page--marketing-marketlead .ml-check-document { padding:31px 34px;background:#f4f7ff;border-radius:16px }
.page--marketing-marketlead .ml-document-head { display:flex;align-items:center;gap:10px;font-size:16px;font-weight:500;padding-bottom:28px }
.page--marketing-marketlead .ml-document-head .ml-example { margin-left:auto }
.page--marketing-marketlead .ml-document-head .ml-icon { color:#2951ca }
.page--marketing-marketlead .ml-check-row { display:grid;grid-template-columns:74px 1fr 24px;gap:16px;align-items:start;border-top:1px solid #dbe4f6;padding-block:23px }
.page--marketing-marketlead .ml-check-row>span { font-size:13px;color:#647294;padding-top:3px }
.page--marketing-marketlead .ml-check-row p { font-size:17px;line-height:1.45;color:#091a4e }
.page--marketing-marketlead .ml-check-row .ml-icon { width:20px;height:20px;color:#08755b }
.page--marketing-marketlead .ml-document-note { font-size:13px;line-height:1.5;padding-top:14px }
.page--marketing-marketlead .ml-responsibility { display:grid;gap:27px }
.page--marketing-marketlead .ml-responsibility>div { position:relative;padding-left:48px }
.page--marketing-marketlead .ml-resp-mark { position:absolute;left:0;top:1px;color:#2951ca }
.page--marketing-marketlead .ml-resp-mark .ml-icon { width:25px;height:25px }
.page--marketing-marketlead .ml-responsibility h3 { font-size:22px }
.page--marketing-marketlead .ml-responsibility p { font-size:16px;line-height:1.55;margin-top:10px;max-width:400px }
.page--marketing-marketlead .ml-process-surface { background:#f5f7fc }
.page--marketing-marketlead .ml-process-layout { display:grid;grid-template-columns:1fr 1.2fr;gap:110px;padding-block:92px }
.page--marketing-marketlead .ml-process-intro { align-self:start;position:sticky;top:123px }
.page--marketing-marketlead .ml-process-intro>p { margin-top:24px;font-size:18px;max-width:320px }
.page--marketing-marketlead .ml-process-intro .ml-text-link { margin-top:23px }
.page--marketing-marketlead .ml-process-sign { width:220px;margin-top:48px }
.page--marketing-marketlead .ml-process-sign svg { display:block;width:100%;height:auto }
.page--marketing-marketlead .ml-process-list { margin:0;padding:0;list-style:none }
.page--marketing-marketlead .ml-process-list li { display:grid;grid-template-columns:40px 1fr;gap:22px;position:relative;padding-bottom:34px }
.page--marketing-marketlead .ml-process-list li:not(:last-child)::after { content:"";position:absolute;width:1px;background:#cfdaef;left:19px;top:42px;bottom:3px }
.page--marketing-marketlead .ml-step-number { display:grid;place-items:center;width:40px;height:40px;background:#fff;border:1px solid #cad6ef;border-radius:50%;color:#2951ca;font-size:17px;font-weight:500;font-variant-numeric:tabular-nums }
.page--marketing-marketlead .ml-process-list h3 { padding-top:6px;font-size:24px }
.page--marketing-marketlead .ml-process-list p { margin-top:12px;font-size:17px;max-width:440px }
.page--marketing-marketlead .ml-process-list li:last-child { padding-bottom:0 }
.page--marketing-marketlead .ml-stage-tag { display:inline-block;margin-top:15px;background:#e3ebff;border-radius:7px;padding:6px 10px;font-size:13px;color:#2342a1 }
.page--marketing-marketlead .ml-pricing-intro { grid-template-columns:1.3fr 1fr }
.page--marketing-marketlead .ml-pricing-grid { display:grid;grid-template-columns:1fr 1fr;gap:24px }
.page--marketing-marketlead .ml-price-card { border-radius:18px;padding:36px 38px;display:flex;flex-direction:column;min-width:0 }
.page--marketing-marketlead .ml-price-light { background:#f4f7ff }
.page--marketing-marketlead .ml-price-dark { background:#111b4c;color:#fff }
.page--marketing-marketlead .ml-plan-header { display:flex;align-items:center;justify-content:space-between;gap:15px }
.page--marketing-marketlead .ml-plan-header h3 { font-size:27px }
.page--marketing-marketlead .ml-plan-header>span { font-size:12px;color:#515d89 }
.page--marketing-marketlead .ml-price-dark .ml-plan-header>span { color:#bcc9f0 }
.page--marketing-marketlead .ml-price { font-size:64px;line-height:1.08;font-weight:500;letter-spacing:-.04em;color:inherit!important;margin-top:29px!important;font-variant-numeric:tabular-nums }
.page--marketing-marketlead .ml-price>span { font-size:39px;letter-spacing:-.025em }
.page--marketing-marketlead .ml-price-unit { font-size:15px;margin-top:6px!important }
.page--marketing-marketlead .ml-price-dark .ml-price-unit { color:#bcc9f0 }
.page--marketing-marketlead .ml-plan-desc { font-size:17px;line-height:1.5;margin-top:28px!important;max-width:470px }
.page--marketing-marketlead .ml-price-dark .ml-plan-desc { color:#d4ddf5 }
.page--marketing-marketlead .ml-plan-list { padding:23px 0 0;margin:25px 0 30px;list-style:none;border-top:1px solid #d7e0f3 }
.page--marketing-marketlead .ml-price-dark .ml-plan-list { border-color:#34416b }
.page--marketing-marketlead .ml-plan-list li { position:relative;padding-left:27px;margin-bottom:13px;font-size:16px;line-height:1.5 }
.page--marketing-marketlead .ml-plan-list li::before { content:"";position:absolute;left:3px;top:7px;width:6px;height:10px;border:solid #2951ca;border-width:0 1.8px 1.8px 0;transform:rotate(45deg) }
.page--marketing-marketlead .ml-price-dark .ml-plan-list li::before { border-color:#96c5b4 }
.page--marketing-marketlead .ml-plan-terms { display:flex;flex-wrap:wrap;gap:9px 18px;margin-top:auto;padding-block:0 23px;font-size:13px;color:#515d89 }
.page--marketing-marketlead .ml-guarantee-link { display:flex;align-items:center;gap:10px;margin-top:auto;margin-bottom:23px;color:#d4e4ff;text-decoration:none;font-size:15px;min-height:38px }
.page--marketing-marketlead .ml-guarantee-link .ml-icon:last-child { margin-left:auto;width:18px;height:18px }
.page--marketing-marketlead .ml-guarantee-link:hover { text-decoration:underline }
.page--marketing-marketlead .ml-price-card .ml-button { width:100%;min-height:54px }
.page--marketing-marketlead .ml-pricing-footnote { display:flex;gap:11px;margin:25px 5px 0 }
.page--marketing-marketlead .ml-pricing-footnote>.ml-icon { width:18px;height:18px;margin-top:3px;color:#515d89 }
.page--marketing-marketlead .ml-pricing-footnote p { font-size:13px;line-height:1.6;max-width:1060px }
.page--marketing-marketlead .ml-support { display:grid;grid-template-columns:1.35fr 1fr;gap:0;overflow:hidden;border-radius:18px;background:#eef3ff }
.page--marketing-marketlead .ml-support-main { position:relative;padding:43px 46px }
.page--marketing-marketlead .ml-support-main h2 { font-size:34px;max-width:450px }
.page--marketing-marketlead .ml-support-main>p { font-size:17px;margin-top:22px;max-width:495px }
.page--marketing-marketlead .ml-support-note { font-size:14px!important;color:#515d89!important }
.page--marketing-marketlead .ml-support-art { display:flex;align-items:center;gap:10px;margin-bottom:26px }
.page--marketing-marketlead .ml-chat-bubble { width:54px;height:54px;display:grid;place-items:center;color:#2951ca;background:#dce7ff;border-radius:14px }
.page--marketing-marketlead .ml-chat-bubble .ml-icon { width:28px;height:28px }
.page--marketing-marketlead .ml-support-art img { border-radius:14px }
.page--marketing-marketlead .ml-replacement { background:#e4ecfc;padding:43px 42px;display:flex;flex-direction:column;justify-content:center }
.page--marketing-marketlead .ml-replacement>.ml-icon { width:34px;height:34px;color:#2951ca;margin-bottom:24px }
.page--marketing-marketlead .ml-replacement h3 { font-size:34px;line-height:1.15;font-weight:500 }
.page--marketing-marketlead .ml-replacement p { font-size:15px;line-height:1.6;margin-top:20px }
.page--marketing-marketlead .ml-replacement p:last-child { font-size:13px;color:#515d89;margin-top:14px }
.page--marketing-marketlead .ml-faq-layout { display:grid;grid-template-columns:.8fr 1.2fr;gap:100px }
.page--marketing-marketlead .ml-faq-intro { font-size:17px;margin-top:24px!important }
.page--marketing-marketlead .ml-faq-list details { border-top:1px solid #dce4f2 }
.page--marketing-marketlead .ml-faq-list details:last-child { border-bottom:1px solid #dce4f2 }
.page--marketing-marketlead .ml-faq-list summary { display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:85px;padding:20px 0;list-style:none;cursor:pointer;font-size:19px;line-height:1.4;font-weight:500 }
.page--marketing-marketlead .ml-faq-list summary::-webkit-details-marker { display:none }
.page--marketing-marketlead .ml-faq-list summary>.ml-icon { width:19px;height:19px;color:#2951ca;transition:transform .2s }
.page--marketing-marketlead .ml-faq-list details[open] summary>.ml-icon { transform:rotate(45deg) }
.page--marketing-marketlead .ml-faq-list summary:hover { color:#2951ca }
.page--marketing-marketlead .ml-faq-list details p { font-size:16px;line-height:1.65;padding:0 32px 25px 0 }
.page--marketing-marketlead .ml-brief-surface { background:#f3f6fd }
.page--marketing-marketlead .ml-brief-layout { display:grid;grid-template-columns:1fr 1.12fr;gap:100px;padding-block:95px }
.page--marketing-marketlead .ml-brief-intro { position:sticky;top:130px;align-self:start }
.page--marketing-marketlead .ml-brief-intro>p { font-size:18px;margin-top:24px;max-width:380px }
.page--marketing-marketlead .ml-brief-note { display:flex;align-items:flex-start;gap:13px;margin-top:37px;font-size:14px;line-height:1.5;color:#515d89 }
.page--marketing-marketlead .ml-brief-note .ml-icon { color:#2951ca;width:22px }
.page--marketing-marketlead .ml-brief-form { background:white;padding:34px;border-radius:16px }
.page--marketing-marketlead .ml-field { display:flex;flex-direction:column;gap:9px;margin-bottom:20px }
.page--marketing-marketlead .ml-field label { font-size:15px;font-weight:500;line-height:1.45 }
.page--marketing-marketlead .ml-field label>span { font-weight:400;color:#647294;font-size:12px;margin-left:6px }
.page--marketing-marketlead .ml-field input,
.page--marketing-marketlead .ml-field textarea,
.page--marketing-marketlead .ml-field select,
.page--marketing-marketlead .ml-brief-result textarea { width:100%;min-height:49px;border:1px solid #cbd6ec;border-radius:8px;background:#fff;padding:12px 13px;font-size:16px;line-height:1.45;color:#091a4e;resize:vertical;transition:border-color .18s }
.page--marketing-marketlead .ml-field input:hover,
.page--marketing-marketlead .ml-field textarea:hover,
.page--marketing-marketlead .ml-field select:hover { border-color:#8aa1d7 }
.page--marketing-marketlead .ml-field input::placeholder,
.page--marketing-marketlead .ml-field textarea::placeholder { color:#647294;opacity:1 }
.page--marketing-marketlead .ml-field textarea { min-height:125px }
.page--marketing-marketlead .ml-field select { padding-right:28px }
.page--marketing-marketlead .ml-field-row { display:grid;grid-template-columns:1fr 1fr;gap:16px }
.page--marketing-marketlead .ml-brief-form>.ml-button { width:100%;margin-top:3px }
.page--marketing-marketlead .ml-form-error { font-size:14px;line-height:1.5;color:#a33232!important;margin-bottom:13px!important }
.page--marketing-marketlead .ml-form-error:empty { display:none }
.page--marketing-marketlead .ml-field [aria-invalid=true] { border-color:#a33232 }
.page--marketing-marketlead .ml-brief-result { padding-top:27px;margin-top:27px;border-top:1px solid #dce4f2 }
.page--marketing-marketlead .ml-brief-result[hidden] { display:none }
.page--marketing-marketlead .ml-brief-result h3 { font-size:23px;margin-bottom:18px }
.page--marketing-marketlead .ml-brief-result textarea { font-size:14px;background:#f8faff;min-height:230px;line-height:1.6 }
.page--marketing-marketlead .ml-brief-result .ml-button { margin-top:16px;width:100% }
.page--marketing-marketlead .ml-copy-status { font-size:14px;margin-top:12px!important;min-height:21px }
.page--marketing-marketlead .ml-mobile-page-links { display:flex;flex-direction:column;border-bottom:1px solid #dde6ff;margin-bottom:8px;padding-block:8px }
.page--marketing-marketlead .ml-mobile-page-links a { padding:9px 0;font-size:16px;color:#2951ca!important }
@media(min-width:1600px) {
.page--marketing-marketlead .ml-hero { padding-block:102px }
.page--marketing-marketlead .ml-hero h1 { font-size:70px }
.page--marketing-marketlead .ml-hero-scene { min-height:548px }
}
@media(max-width:1200px) {
.page--marketing-marketlead .ml-hero { gap:30px }
.page--marketing-marketlead .ml-hero h1 { font-size:55px }
.page--marketing-marketlead .ml-hero-scene { padding:22px }
.page--marketing-marketlead .ml-profile { padding:24px }
.page--marketing-marketlead .ml-scene-tabs button { font-size:13px;padding:10px }
.page--marketing-marketlead .ml-partnership { gap:10px;flex-wrap:wrap }
.page--marketing-marketlead .ml-partnership p { font-size:11px }
.page--marketing-marketlead .ml-approach-layout { gap:50px }
.page--marketing-marketlead .ml-process-layout { gap:65px }
.page--marketing-marketlead .ml-section-intro { gap:45px }
.page--marketing-marketlead .ml-faq-layout,
.page--marketing-marketlead .ml-brief-layout { gap:55px }
}
@media(max-width:1000px) {
.page--marketing-marketlead .ml-hero { grid-template-columns:1fr 1fr;gap:28px;padding-block:58px 64px }
.page--marketing-marketlead .ml-hero h1 { font-size:46px }
.page--marketing-marketlead .ml-hero-lead { font-size:18px }
.page--marketing-marketlead .ml-time { font-size:14px }
.page--marketing-marketlead .ml-hero .ml-actions { gap:12px }
.page--marketing-marketlead .ml-hero .ml-button { font-size:15px;padding-inline:19px }
.page--marketing-marketlead .ml-hero .ml-text-link { font-size:15px }
.page--marketing-marketlead .ml-partnership p { display:none }
.page--marketing-marketlead .ml-hero-scene { padding:20px 17px }
.page--marketing-marketlead .ml-profile { padding:23px 20px }
.page--marketing-marketlead .ml-profile h2 { font-size:23px }
.page--marketing-marketlead .ml-scene-tabs { gap:0;margin-bottom:23px }
.page--marketing-marketlead .ml-scene-tabs button { font-size:11px;padding:9px 8px }
.page--marketing-marketlead .ml-section { padding-block:85px }
.page--marketing-marketlead .ml-section-intro { gap:30px }
.page--marketing-marketlead .ml-section-intro p { font-size:16px }
.page--marketing-marketlead .ml-approach-layout { gap:35px }
.page--marketing-marketlead .ml-check-document { padding:25px }
.page--marketing-marketlead .ml-document-head { font-size:14px }
.page--marketing-marketlead .ml-check-row { grid-template-columns:1fr 22px;gap:8px;padding-block:20px }
.page--marketing-marketlead .ml-check-row>span { grid-column:1/-1 }
.page--marketing-marketlead .ml-check-row p { font-size:16px }
.page--marketing-marketlead .ml-responsibility h3 { font-size:20px }
.page--marketing-marketlead .ml-responsibility p { font-size:15px }
.page--marketing-marketlead .ml-process-layout { gap:40px }
.page--marketing-marketlead .ml-price-card { padding:30px 27px }
.page--marketing-marketlead .ml-plan-header { flex-wrap:wrap;gap:7px }
.page--marketing-marketlead .ml-price { font-size:55px }
.page--marketing-marketlead .ml-price>span { font-size:35px }
.page--marketing-marketlead .ml-plan-desc { font-size:16px }
.page--marketing-marketlead .ml-plan-list li { font-size:15px }
.page--marketing-marketlead .ml-support-main,
.page--marketing-marketlead .ml-replacement { padding:33px }
.page--marketing-marketlead .ml-support-main h2,
.page--marketing-marketlead .ml-replacement h3 { font-size:30px }
.page--marketing-marketlead .ml-faq-layout { gap:45px;grid-template-columns:.85fr 1.15fr }
.page--marketing-marketlead .ml-faq-list summary { font-size:17px }
.page--marketing-marketlead .ml-brief-layout { gap:40px }
.page--marketing-marketlead .ml-brief-form { padding:28px }
.page--marketing-marketlead .ml-field-row { grid-template-columns:1fr;gap:0 }
}
@media(max-width:760px) {
.page--marketing-marketlead .ml-wrap { width:calc(100% - 36px) }
.page--marketing-marketlead .ml-hero { grid-template-columns:1fr;padding-block:38px 44px;gap:36px }
.page--marketing-marketlead .ml-hero h1 { font-size:45px;max-width:560px;letter-spacing:-.034em }
.page--marketing-marketlead .ml-hero-lead { font-size:18px;margin-top:21px!important;max-width:530px }
.page--marketing-marketlead .ml-time { font-size:15px;margin-top:21px!important;max-width:470px }
.page--marketing-marketlead .ml-hero .ml-actions { margin-top:25px;gap:10px 19px }
.page--marketing-marketlead .ml-hero .ml-button { font-size:16px;padding:15px 20px }
.page--marketing-marketlead .ml-hero .ml-text-link { font-size:16px }
.page--marketing-marketlead .ml-partnership { margin-top:27px;gap:13px }
.page--marketing-marketlead .ml-ft-name { font-size:18px }
.page--marketing-marketlead .ml-ml-name { font-size:19px }
.page--marketing-marketlead .ml-partnership p { display:block;font-size:11px;padding-left:12px }
.page--marketing-marketlead .ml-hero-scene { padding:20px 23px 22px;max-width:570px;width:100%;min-height:0;border-radius:20px }
.page--marketing-marketlead .ml-scene-tabs { justify-content:center;gap:3px;margin-bottom:25px }
.page--marketing-marketlead .ml-scene-tabs button { font-size:13px;padding:10px 12px }
.page--marketing-marketlead .ml-profile { padding:23px;min-height:345px;transform:rotate(-.7deg) }
.page--marketing-marketlead .ml-profile h2 { font-size:27px }
.page--marketing-marketlead .ml-profile>p { font-size:14px }
.page--marketing-marketlead .ml-profile-tasks li { font-size:14px }
.page--marketing-marketlead .ml-paper-back { top:100px;left:34px;right:15px;height:344px }
.page--marketing-marketlead .ml-scene-caption { margin-top:22px }
.page--marketing-marketlead .ml-page-nav nav { justify-content:flex-start;overflow:auto;gap:25px;min-height:60px;scrollbar-width:none }
.page--marketing-marketlead .ml-page-nav nav::-webkit-scrollbar { display:none }
.page--marketing-marketlead .ml-page-nav a { font-size:14px;flex:none }
.page--marketing-marketlead .ml-section { padding-block:65px }
.page--marketing-marketlead h2 { font-size:34px }
.page--marketing-marketlead .ml-section-intro { grid-template-columns:1fr;gap:22px;margin-bottom:34px }
.page--marketing-marketlead .ml-section-intro p { font-size:17px;max-width:560px }
.page--marketing-marketlead .ml-approach-layout { grid-template-columns:1fr;gap:35px }
.page--marketing-marketlead .ml-check-document { padding:25px }
.page--marketing-marketlead .ml-check-row { grid-template-columns:68px 1fr 20px;gap:10px }
.page--marketing-marketlead .ml-check-row>span { grid-column:auto }
.page--marketing-marketlead .ml-check-row p { font-size:16px }
.page--marketing-marketlead .ml-responsibility { gap:27px;padding-top:3px }
.page--marketing-marketlead .ml-responsibility>div { padding-left:42px }
.page--marketing-marketlead .ml-responsibility h3 { font-size:22px }
.page--marketing-marketlead .ml-responsibility p { font-size:16px;max-width:520px }
.page--marketing-marketlead .ml-process-layout { padding-block:62px;grid-template-columns:1fr;gap:33px }
.page--marketing-marketlead .ml-process-intro { position:static }
.page--marketing-marketlead .ml-process-intro>p { max-width:460px;font-size:17px;margin-top:20px }
.page--marketing-marketlead .ml-process-intro .ml-text-link { margin-top:12px }
.page--marketing-marketlead .ml-process-sign { display:none }
.page--marketing-marketlead .ml-process-list li { gap:18px;padding-bottom:29px;grid-template-columns:35px 1fr }
.page--marketing-marketlead .ml-step-number { width:35px;height:35px;font-size:15px }
.page--marketing-marketlead .ml-process-list li:not(:last-child)::after { left:17px;top:39px }
.page--marketing-marketlead .ml-process-list h3 { font-size:22px;padding-top:4px }
.page--marketing-marketlead .ml-process-list p { font-size:16px;max-width:520px }
.page--marketing-marketlead .ml-pricing-grid { grid-template-columns:1fr;gap:18px }
.page--marketing-marketlead .ml-price-card { padding:28px }
.page--marketing-marketlead .ml-plan-header { flex-wrap:nowrap }
.page--marketing-marketlead .ml-plan-header h3 { font-size:26px }
.page--marketing-marketlead .ml-plan-header>span { font-size:12px }
.page--marketing-marketlead .ml-price { font-size:57px;margin-top:25px!important }
.page--marketing-marketlead .ml-price>span { font-size:35px }
.page--marketing-marketlead .ml-plan-list { margin-block:24px 18px }
.page--marketing-marketlead .ml-plan-list li { font-size:16px }
.page--marketing-marketlead .ml-plan-terms { margin-top:10px }
.page--marketing-marketlead .ml-guarantee-link { margin-top:6px }
.page--marketing-marketlead .ml-pricing-footnote { margin-top:22px }
.page--marketing-marketlead .ml-pricing-footnote p { font-size:12px }
.page--marketing-marketlead .ml-support { grid-template-columns:1fr }
.page--marketing-marketlead .ml-support-main,
.page--marketing-marketlead .ml-replacement { padding:30px 27px }
.page--marketing-marketlead .ml-support-main h2 { font-size:30px }
.page--marketing-marketlead .ml-support-main>p { font-size:16px }
.page--marketing-marketlead .ml-replacement h3 { font-size:29px }
.page--marketing-marketlead .ml-replacement h3 br { display:none }
.page--marketing-marketlead .ml-replacement>.ml-icon { margin-bottom:18px }
.page--marketing-marketlead .ml-faq-layout { grid-template-columns:1fr;gap:28px }
.page--marketing-marketlead .ml-faq-intro { margin-top:18px!important;font-size:16px }
.page--marketing-marketlead .ml-faq-intro br { display:none }
.page--marketing-marketlead .ml-faq-list summary { font-size:18px;min-height:77px;padding-block:21px }
.page--marketing-marketlead .ml-faq-list details p { font-size:16px }
.page--marketing-marketlead .ml-brief-layout { padding-block:63px;grid-template-columns:1fr;gap:30px }
.page--marketing-marketlead .ml-brief-intro { position:static }
.page--marketing-marketlead .ml-brief-intro>p { font-size:17px;max-width:520px;margin-top:20px }
.page--marketing-marketlead .ml-brief-note { margin-top:24px }
.page--marketing-marketlead .ml-brief-form { padding:25px }
.page--marketing-marketlead .ml-field-row { grid-template-columns:1fr 1fr;gap:14px }
.page--marketing-marketlead .ml-field label { font-size:14px }
.page--marketing-marketlead .ml-field input,
.page--marketing-marketlead .ml-field select,
.page--marketing-marketlead .ml-field textarea { font-size:16px }
.page--marketing-marketlead .ml-brief-form>.ml-button { font-size:16px }
}
@media(max-width:420px) {
.page--marketing-marketlead .ml-hero h1 { font-size:39px }
.page--marketing-marketlead .ml-hero .ml-actions { flex-direction:column;align-items:stretch;gap:11px }
.page--marketing-marketlead .ml-hero .ml-text-link { justify-content:center }
.page--marketing-marketlead .ml-partnership p { display:none }
.page--marketing-marketlead .ml-hero-scene { padding:18px 17px }
.page--marketing-marketlead .ml-scene-tabs { gap:0 }
.page--marketing-marketlead .ml-scene-tabs button { font-size:12px;padding:9px 10px }
.page--marketing-marketlead .ml-profile { padding:21px 19px }
.page--marketing-marketlead .ml-profile h2 { font-size:24px }
.page--marketing-marketlead .ml-paper-top { font-size:12px }
.page--marketing-marketlead h2 { font-size:31px }
.page--marketing-marketlead .ml-check-document { padding:23px 20px }
.page--marketing-marketlead .ml-check-row { grid-template-columns:1fr 20px }
.page--marketing-marketlead .ml-check-row>span { grid-column:1/-1 }
.page--marketing-marketlead .ml-document-head { font-size:14px }
.page--marketing-marketlead .ml-price-card { padding:26px 23px }
.page--marketing-marketlead .ml-price { font-size:52px }
.page--marketing-marketlead .ml-price>span { font-size:33px }
.page--marketing-marketlead .ml-plan-header { align-items:flex-start;flex-direction:column }
.page--marketing-marketlead .ml-plan-header>span { font-size:12px }
.page--marketing-marketlead .ml-guarantee-link { font-size:14px }
.page--marketing-marketlead .ml-brief-form { padding:23px 19px }
.page--marketing-marketlead .ml-field-row { grid-template-columns:1fr;gap:0 }
.page--marketing-marketlead .ml-field label>span { display:inline }
.page--marketing-marketlead .ml-support-main h2 { font-size:28px }
}
@media(prefers-reduced-motion:reduce) {
.page--marketing-marketlead .ml-button,
.page--marketing-marketlead .ml-scene-tabs button,
.page--marketing-marketlead .ml-faq-list summary>.ml-icon { transition:none }
.page--marketing-marketlead .ml-button:hover { transform:none }
.page--marketing-marketlead .ml-profile { transform:none }
}
@media(max-width:360px) {
.page--marketing-marketlead .ml-scene-tabs button { font-size:11px;padding-inline:7px;white-space:normal;flex:1 }
}
.page--marketing-marketlead .ml-hero { gap:48px;padding-block:55px 64px }
.page--marketing-marketlead .ml-hero-scene { padding:0;background:transparent;display:block;overflow:visible;align-self:center }
.page--marketing-marketlead .ml-photo-window { height:355px;border-radius:24px;overflow:hidden;position:relative;background:#e5ecf2 }
.page--marketing-marketlead .ml-scene-photo { display:block;width:100%;height:100%;object-fit:cover;object-position:50% 38%;transform:scale(1.025);transition:transform 1.2s cubic-bezier(.16,1,.3,1),object-position 1.2s;will-change:auto }
.page--marketing-marketlead .ml-hero-scene[data-current-scenario=first] .ml-scene-photo { transform:scale(1.09);object-position:43% 34% }
.page--marketing-marketlead .ml-hero-scene[data-current-scenario=grow] .ml-scene-photo { transform:scale(1.08);object-position:58% 40% }
.page--marketing-marketlead .ml-photo-label { position:absolute;left:23px;bottom:59px;color:#fff;background:#111b4ce6;padding:7px 12px;font-size:12px;border-radius:8px;max-width:calc(100% - 46px) }
.page--marketing-marketlead .ml-scene-tabs { position:absolute;top:16px;left:17px;right:17px;z-index:3;background:#fffffff5;padding:5px;margin:0;border-radius:28px;justify-content:space-between;gap:0;box-shadow:0 4px 16px #091a4e12 }
.page--marketing-marketlead .ml-scene-tabs button { flex:1;font-size:13px;padding:9px 9px }
.page--marketing-marketlead .ml-profile { margin:-38px 20px 0;padding:22px 25px;transform:none;min-height:0;box-shadow:0 16px 35px #182c6521;border-radius:16px }
.page--marketing-marketlead .ml-paper-top { padding-bottom:13px;font-size:12px }
.page--marketing-marketlead .ml-paper-top .ml-icon { width:17px;height:17px }
.page--marketing-marketlead .ml-profile h2 { font-size:25px;margin-top:16px;line-height:1.16;min-height:29px }
.page--marketing-marketlead .ml-profile>p { font-size:14px;margin-top:10px;min-height:42px }
.page--marketing-marketlead .ml-profile-tasks { margin-top:15px;min-height:91px }
.page--marketing-marketlead .ml-profile-tasks li { font-size:14px;padding-block:4px;line-height:1.45;gap:10px;min-height:27px }
.page--marketing-marketlead .ml-profile-tasks li::before { width:13px;height:13px;flex:none;margin-top:4px;border-radius:4px;border:1px solid #91a4d2;background:#edf2ff }
.page--marketing-marketlead .ml-profile-bottom { margin-top:12px;padding-top:13px;gap:10px }
.page--marketing-marketlead .ml-profile-bottom p { font-size:12px;line-height:1.4 }
.page--marketing-marketlead .ml-scope-icon { width:31px;height:31px }
.page--marketing-marketlead .ml-scene-caption { margin:17px 24px 0;display:flex;justify-content:space-between;gap:15px;font-size:11px;min-height:34px }
.page--marketing-marketlead .ml-scene-caption button { flex:none;border:1px solid #c8d3ec;border-radius:18px;background:#fff;color:#404c72;padding:6px 11px;font-size:11px;min-height:32px }
.page--marketing-marketlead .ml-scene-caption button:hover { background:#edf2ff }
.page--marketing-marketlead .ml-scene-caption button[hidden] { display:none }
.page--marketing-marketlead .ml-journey-surface { background:#111b4c;color:#fff;padding-block:92px;overflow:hidden }
.page--marketing-marketlead .ml-journey-header { display:grid;grid-template-columns:1.28fr 1fr;gap:85px;align-items:end;margin-bottom:48px }
.page--marketing-marketlead .ml-journey-header h2 { color:#fff;font-size:44px;max-width:640px }
.page--marketing-marketlead .ml-journey-header>p { color:#c0cbed;font-size:18px;max-width:420px }
.page--marketing-marketlead .ml-journey-tabs { display:grid;grid-template-columns:repeat(4,1fr);gap:12px }
.page--marketing-marketlead .ml-journey-tabs button { display:flex;align-items:center;gap:12px;text-align:left;border:0;padding:14px 8px;background:transparent;color:#adbadd;font-size:16px;min-height:65px;border-radius:12px;transition:background .2s,color .2s }
.page--marketing-marketlead .ml-journey-tabs button>span { display:grid;place-items:center;width:32px;height:32px;flex:none;border:1px solid #59658e;border-radius:50%;font-size:14px }
.page--marketing-marketlead .ml-journey-tabs button[aria-selected=true] { background:#263566;color:#fff }
.page--marketing-marketlead .ml-journey-tabs button[aria-selected=true]>span { background:#c4f4d9;border-color:#c4f4d9;color:#132c27 }
.page--marketing-marketlead .ml-journey-tabs button:hover { background:#263566;color:#fff }
.page--marketing-marketlead .ml-journey-track { height:2px;background:#34436e;margin-top:18px;overflow:hidden }
.page--marketing-marketlead .ml-journey-track span { display:block;width:100%;height:100%;background:#c4f4d9;transform-origin:left;transform:scaleX(.25);transition:transform .45s cubic-bezier(.16,1,.3,1) }
.page--marketing-marketlead .ml-journey[data-step="1"] .ml-journey-track span { transform:scaleX(.5) }
.page--marketing-marketlead .ml-journey[data-step="2"] .ml-journey-track span { transform:scaleX(.75) }
.page--marketing-marketlead .ml-journey[data-step="3"] .ml-journey-track span { transform:scaleX(1) }
.page--marketing-marketlead .ml-journey-panel { display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center;padding-top:45px;min-height:430px }
.page--marketing-marketlead .ml-journey-copy { padding:12px 0 }
.page--marketing-marketlead .ml-journey-copy h3 { color:#fff;font-size:30px;line-height:1.18;max-width:540px }
.page--marketing-marketlead .ml-journey-copy>p { color:#c0cbed;font-size:16px;margin-top:18px;max-width:470px;min-height:50px }
.page--marketing-marketlead .ml-journey-copy dl { margin:28px 0 0;display:grid;gap:15px }
.page--marketing-marketlead .ml-journey-copy dl>div { display:grid;grid-template-columns:95px 1fr;gap:18px }
.page--marketing-marketlead .ml-journey-copy dt { color:#a9bade;font-size:14px }
.page--marketing-marketlead .ml-journey-copy dd { margin:0;color:#f5f7ff;font-size:15px;line-height:1.5;max-width:405px }
.page--marketing-marketlead .ml-journey-next { display:inline-flex;align-items:center;gap:13px;padding:11px 0;margin-top:20px;border:0;background:transparent;color:#c4f4d9;font-size:16px;min-height:44px }
.page--marketing-marketlead .ml-journey-next:hover { text-decoration:underline;text-underline-offset:5px }
.page--marketing-marketlead .ml-journey-next[hidden] { display:none }
.page--marketing-marketlead .ml-journey-visual { position:relative;padding:12px 12px 12px 0 }
.page--marketing-marketlead .ml-journey-visual::before { content:"";position:absolute;inset:32px -8px 0 23px;background:#34456f;border-radius:16px;transform:rotate(3deg) }
.page--marketing-marketlead .ml-journey-document { position:relative;background:#f5f8ff;padding:28px 32px 24px;color:#091a4e;border-radius:16px;min-height:330px;transform:rotate(-1deg) }
.page--marketing-marketlead .ml-journey-doc-top { display:flex;align-items:center;gap:10px;color:#536991;font-size:12px;border-bottom:1px solid #dce5f4;padding-bottom:18px }
.page--marketing-marketlead .ml-journey-doc-top .ml-icon { width:20px;height:20px }
.page--marketing-marketlead .ml-journey-document h4 { font-size:26px;line-height:1.2;font-weight:500;letter-spacing:-.02em;margin:22px 0 17px }
.page--marketing-marketlead .ml-journey-document ul { list-style:none;margin:0;padding:0;display:grid;gap:12px;min-height:104px }
.page--marketing-marketlead .ml-journey-document li { display:flex;gap:11px;align-items:flex-start;font-size:15px;line-height:1.45 }
.page--marketing-marketlead .ml-journey-document li::before { content:"";width:16px;height:16px;flex:none;border-radius:4px;background:#e0e9fc;border:1px solid #baccee;margin-top:2px }
.page--marketing-marketlead .ml-journey-result { display:flex;gap:12px;align-items:center;margin-top:24px;padding-top:20px;border-top:1px solid #d9e3f4 }
.page--marketing-marketlead .ml-journey-result>.ml-icon { color:#247559;width:24px;height:24px }
.page--marketing-marketlead .ml-journey-result p { font-size:13px;line-height:1.5;color:#324971 }
.page--marketing-marketlead .ml-journey-nojs { color:#c0cbed!important;margin-top:30px!important }
.page--marketing-marketlead .ml-journey :focus-visible { outline-color:#c4f4d9 }
.page--marketing-marketlead .ml-pricing-intro h2 { max-width:680px }
.page--marketing-marketlead .ml-pricing-intro { grid-template-columns:1.2fr 1fr }
.page--marketing-marketlead .ml-plan-expanded { gap:18px;min-height:0;margin-top:28px }
.page--marketing-marketlead .ml-plan-expanded li { padding:0;align-items:flex-start }
.page--marketing-marketlead .ml-plan-expanded li:before { margin-top:5px }
.page--marketing-marketlead .ml-plan-expanded strong { display:block;font-size:17px;line-height:1.4;font-weight:500 }
.page--marketing-marketlead .ml-plan-expanded small { display:block;font-size:14px;line-height:1.5;margin-top:6px;color:#4c5b7e;max-width:450px }
.page--marketing-marketlead .ml-price-dark .ml-plan-expanded small { color:#b9c7e9 }
.page--marketing-marketlead .ml-plan-terms { margin-top:23px;gap:12px 18px;flex-wrap:wrap }
.page--marketing-marketlead .ml-price-card .ml-guarantee-link { margin-top:22px }
.page--marketing-marketlead .ml-pricing-shared { display:flex;align-items:flex-start;gap:13px;padding:22px 24px;margin-top:22px!important;background:#f4f7ff;border-radius:12px;font-size:15px }
.page--marketing-marketlead .ml-pricing-shared>.ml-icon { color:#2951ca;width:20px;height:20px }
.page--marketing-marketlead .ml-pricing-footnote { margin-top:18px }
.page--marketing-marketlead .ml-care-surface { padding-block:92px;background:#f4f7ff }
.page--marketing-marketlead .ml-care-layout { display:grid;grid-template-columns:1.06fr 1fr;gap:84px;align-items:center }
.page--marketing-marketlead .ml-care-conversation { background:#fff;padding:28px;border-radius:18px }
.page--marketing-marketlead .ml-care-conversation-head { display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500;margin-bottom:30px }
.page--marketing-marketlead .ml-care-conversation-head .ml-example { margin-left:auto;font-size:10px;white-space:nowrap }
.page--marketing-marketlead .ml-care-message { display:flex;align-items:flex-start;gap:12px;margin:12px 0 12px 24px;background:#edf2ff;padding:16px 18px;border-radius:14px 14px 3px 14px }
.page--marketing-marketlead .ml-care-message .ml-icon { width:19px;height:19px;margin-top:2px;color:#466799 }
.page--marketing-marketlead .ml-care-message p { font-size:16px;line-height:1.45;color:#1e3968 }
.page--marketing-marketlead .ml-care-answer { display:flex;gap:13px;padding:20px 5px;margin-top:7px;align-items:flex-start }
.page--marketing-marketlead .ml-care-answer .ml-icon { width:22px;height:22px;color:#2951ca;margin-top:2px }
.page--marketing-marketlead .ml-care-answer p { font-size:15px;color:#495b7f;line-height:1.5 }
.page--marketing-marketlead .ml-week { border-top:1px solid #e1e7f4;margin-top:8px;padding-top:19px }
.page--marketing-marketlead .ml-week>span { font-size:12px;color:#526787 }
.page--marketing-marketlead .ml-week-days { display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:13px }
.page--marketing-marketlead .ml-week-days b { display:grid;place-items:center;background:#edf2ff;border-radius:8px;font-size:15px;font-weight:400;height:37px;color:#2951ca }
.page--marketing-marketlead .ml-care-roles { display:grid;gap:38px }
.page--marketing-marketlead .ml-care-roles>div { position:relative;padding-left:45px }
.page--marketing-marketlead .ml-care-roles h3 { font-size:27px;line-height:1.2;max-width:400px }
.page--marketing-marketlead .ml-care-roles p { font-size:17px;line-height:1.55;margin-top:15px;max-width:430px }
.page--marketing-marketlead .ml-care-role-icon { position:absolute;left:0;top:3px;color:#2951ca }
.page--marketing-marketlead .ml-guarantee-panel { display:grid;grid-template-columns:1.05fr 1fr;gap:95px;padding:44px 46px;background:#e5edff;border-radius:18px;margin-top:46px;align-items:center }
.page--marketing-marketlead .ml-guarantee-copy>.ml-icon { color:#2951ca;width:29px;height:29px;margin-bottom:18px }
.page--marketing-marketlead .ml-guarantee-copy h3 { font-size:29px;line-height:1.18;max-width:415px }
.page--marketing-marketlead .ml-guarantee-copy>p { font-size:16px;line-height:1.55;margin-top:18px;max-width:420px }
.page--marketing-marketlead .ml-guarantee-duration { display:flex;align-items:center;gap:21px }
.page--marketing-marketlead .ml-guarantee-duration strong { font-size:92px;line-height:1;font-weight:500;letter-spacing:-.04em;color:#2951ca }
.page--marketing-marketlead .ml-guarantee-duration>span { font-size:17px;line-height:1.45;color:#273f71 }
.page--marketing-marketlead .ml-guarantee-timeline { display:grid;grid-template-columns:1fr 1fr;margin-top:27px }
.page--marketing-marketlead .ml-guarantee-timeline>span { font-size:12px;color:#405782 }
.page--marketing-marketlead .ml-guarantee-timeline>span:nth-child(2) { text-align:right }
.page--marketing-marketlead .ml-guarantee-range { grid-column:1/-1;position:relative;height:5px;background:#2951ca;margin-block:15px 12px;border-radius:4px }
.page--marketing-marketlead .ml-guarantee-range i { position:absolute;top:-4px;width:13px;height:13px;border-radius:50%;background:#fff;border:3px solid #2951ca;left:0 }
.page--marketing-marketlead .ml-guarantee-range i:last-child { left:auto;right:0 }
.page--marketing-marketlead .ml-guarantee-timeline>p { grid-column:1/-1;font-size:12px;color:#2951ca;text-align:center }
.page--marketing-marketlead .ml-guarantee-limit { margin-top:20px!important;font-size:12px;line-height:1.5;color:#435a80!important }
@media(max-width:1100px) {
.page--marketing-marketlead .ml-hero { gap:30px }
.page--marketing-marketlead .ml-photo-window { height:320px }
.page--marketing-marketlead .ml-profile { margin-inline:12px;padding:20px }
.page--marketing-marketlead .ml-scene-tabs { left:10px;right:10px }
.page--marketing-marketlead .ml-scene-tabs button { font-size:12px;padding-inline:6px }
.page--marketing-marketlead .ml-journey-header { gap:45px }
.page--marketing-marketlead .ml-journey-header h2 { font-size:38px }
.page--marketing-marketlead .ml-journey-panel { gap:40px }
.page--marketing-marketlead .ml-journey-tabs button { font-size:14px;gap:9px }
.page--marketing-marketlead .ml-journey-document { padding:26px }
.page--marketing-marketlead .ml-journey-copy dl>div { grid-template-columns:80px 1fr;gap:12px }
.page--marketing-marketlead .ml-care-layout { gap:42px }
.page--marketing-marketlead .ml-care-conversation { padding:24px }
.page--marketing-marketlead .ml-care-conversation-head { flex-wrap:wrap }
.page--marketing-marketlead .ml-care-conversation-head .ml-example { margin-left:45px }
.page--marketing-marketlead .ml-care-roles h3 { font-size:24px }
.page--marketing-marketlead .ml-guarantee-panel { gap:55px;padding:36px }
.page--marketing-marketlead .ml-guarantee-copy h3 { font-size:27px }
}
@media(max-width:760px) {
.page--marketing-marketlead .ml-hero { padding-block:38px 46px;gap:35px }
.page--marketing-marketlead .ml-hero-scene { max-width:570px;justify-self:center;width:100%;padding:0 }
.page--marketing-marketlead .ml-photo-window { height:355px;border-radius:20px }
.page--marketing-marketlead .ml-profile { margin:-37px 17px 0;padding:21px 24px }
.page--marketing-marketlead .ml-profile h2 { font-size:25px }
.page--marketing-marketlead .ml-scene-tabs { top:13px;left:13px;right:13px }
.page--marketing-marketlead .ml-scene-tabs button { font-size:13px;padding:9px 10px }
.page--marketing-marketlead .ml-scene-caption { margin-inline:20px }
.page--marketing-marketlead .ml-journey-surface { padding-block:62px }
.page--marketing-marketlead .ml-journey-header { grid-template-columns:1fr;gap:23px;margin-bottom:30px }
.page--marketing-marketlead .ml-journey-header h2 { font-size:34px }
.page--marketing-marketlead .ml-journey-header>p { font-size:17px;max-width:540px }
.page--marketing-marketlead .ml-journey-tabs { grid-template-columns:1fr 1fr;gap:8px }
.page--marketing-marketlead .ml-journey-tabs button { font-size:14px;gap:10px;min-height:67px;padding:10px }
.page--marketing-marketlead .ml-journey-panel { grid-template-columns:1fr;gap:28px;padding-top:28px;min-height:0 }
.page--marketing-marketlead .ml-journey-copy h3 { font-size:27px }
.page--marketing-marketlead .ml-journey-copy>p { font-size:16px;min-height:0 }
.page--marketing-marketlead .ml-journey-copy dl { margin-top:22px }
.page--marketing-marketlead .ml-journey-copy dl>div { grid-template-columns:80px 1fr }
.page--marketing-marketlead .ml-journey-copy dd { font-size:15px }
.page--marketing-marketlead .ml-journey-next { margin-top:14px }
.page--marketing-marketlead .ml-journey-visual { padding:0 11px 10px 0 }
.page--marketing-marketlead .ml-journey-document { min-height:0;max-width:580px }
.page--marketing-marketlead .ml-journey-document ul { min-height:0 }
.page--marketing-marketlead .ml-journey-document h4 { font-size:25px }
.page--marketing-marketlead .ml-pricing-intro { grid-template-columns:1fr }
.page--marketing-marketlead .ml-plan-expanded strong { font-size:17px }
.page--marketing-marketlead .ml-plan-expanded small { font-size:14px }
.page--marketing-marketlead .ml-plan-expanded { gap:19px }
.page--marketing-marketlead .ml-pricing-shared { padding:20px;font-size:14px }
.page--marketing-marketlead .ml-care-surface { padding-block:65px }
.page--marketing-marketlead .ml-care-layout { grid-template-columns:1fr;gap:38px }
.page--marketing-marketlead .ml-care-conversation { padding:25px;max-width:580px }
.page--marketing-marketlead .ml-care-conversation-head { flex-wrap:nowrap }
.page--marketing-marketlead .ml-care-conversation-head .ml-example { margin-left:auto }
.page--marketing-marketlead .ml-care-roles { gap:30px }
.page--marketing-marketlead .ml-care-roles h3 { font-size:24px;max-width:460px }
.page--marketing-marketlead .ml-care-roles p { font-size:16px;max-width:530px }
.page--marketing-marketlead .ml-guarantee-panel { grid-template-columns:1fr;gap:29px;padding:29px;margin-top:40px }
.page--marketing-marketlead .ml-guarantee-copy h3 { font-size:28px }
.page--marketing-marketlead .ml-guarantee-copy>p { font-size:16px;max-width:550px }
.page--marketing-marketlead .ml-guarantee-duration strong { font-size:86px }
.page--marketing-marketlead .ml-guarantee-timeline { max-width:540px }
.page--marketing-marketlead .ml-guarantee-limit { max-width:540px }
}
@media(max-width:420px) {
.page--marketing-marketlead .ml-photo-window { height:280px }
.page--marketing-marketlead .ml-photo-label { font-size:10px;left:16px;bottom:52px }
.page--marketing-marketlead .ml-scene-tabs { left:9px;right:9px;top:11px;padding:4px }
.page--marketing-marketlead .ml-scene-tabs button { font-size:11px;padding:8px 5px;white-space:normal;min-height:42px }
.page--marketing-marketlead .ml-profile { margin:-32px 10px 0;padding:21px 20px }
.page--marketing-marketlead .ml-profile h2 { font-size:23px;min-height:27px }
.page--marketing-marketlead .ml-profile>p { font-size:13px }
.page--marketing-marketlead .ml-profile-tasks li { font-size:13px }
.page--marketing-marketlead .ml-profile-tasks { min-height:86px }
.page--marketing-marketlead .ml-profile-bottom p { font-size:11px }
.page--marketing-marketlead .ml-scene-caption { margin:14px 13px 0;font-size:10px;gap:10px }
.page--marketing-marketlead .ml-journey-header h2 { font-size:31px }
.page--marketing-marketlead .ml-journey-tabs button { font-size:12px;padding:10px 7px;gap:7px }
.page--marketing-marketlead .ml-journey-tabs button>span { width:27px;height:27px;font-size:12px }
.page--marketing-marketlead .ml-journey-copy h3 { font-size:25px }
.page--marketing-marketlead .ml-journey-document { padding:24px 22px }
.page--marketing-marketlead .ml-journey-copy dl>div { grid-template-columns:69px 1fr;gap:10px }
.page--marketing-marketlead .ml-journey-copy dd { font-size:14px }
.page--marketing-marketlead .ml-journey-document h4 { font-size:24px }
.page--marketing-marketlead .ml-care-conversation { padding:22px 19px }
.page--marketing-marketlead .ml-care-conversation-head { flex-wrap:wrap;font-size:14px;gap:9px;margin-bottom:23px }
.page--marketing-marketlead .ml-care-conversation-head .ml-example { margin-left:44px }
.page--marketing-marketlead .ml-care-message { margin-left:10px;padding:14px 13px;gap:9px }
.page--marketing-marketlead .ml-care-message p { font-size:15px }
.page--marketing-marketlead .ml-care-message>.ml-icon { width:16px }
.page--marketing-marketlead .ml-care-answer p { font-size:14px }
.page--marketing-marketlead .ml-care-roles>div { padding-left:36px }
.page--marketing-marketlead .ml-care-roles h3 { font-size:23px }
.page--marketing-marketlead .ml-care-roles p { font-size:16px }
.page--marketing-marketlead .ml-guarantee-panel { padding:26px 23px }
.page--marketing-marketlead .ml-guarantee-copy h3 { font-size:26px }
.page--marketing-marketlead .ml-guarantee-duration { gap:17px }
.page--marketing-marketlead .ml-guarantee-duration>span { font-size:16px }
.page--marketing-marketlead .ml-guarantee-duration strong { font-size:82px }
.page--marketing-marketlead .ml-week-days { gap:6px }
}
@media(prefers-reduced-motion:reduce) {
.page--marketing-marketlead .ml-scene-photo,
.page--marketing-marketlead .ml-journey-track span,
.page--marketing-marketlead .ml-journey-tabs button { transition:none }
.page--marketing-marketlead .ml-scene-photo,
.page--marketing-marketlead .ml-hero-scene[data-current-scenario] .ml-scene-photo,
.page--marketing-marketlead .ml-journey-document,
.page--marketing-marketlead .ml-journey-visual::before { transform:none }
}
.page--marketing-marketlead .ml-profile h2 { min-height:58px }
.page--marketing-marketlead .ml-scene-caption button:disabled { cursor:default;color:#667597;background:#f5f7fd }
@media(max-width:420px) {
.page--marketing-marketlead .ml-profile h2 { min-height:54px }
}
.page--marketing-marketlead .ml-profile h2 { min-height:29px }
.page--marketing-marketlead .ml-profile>p { min-height:21px }
.page--marketing-marketlead .ml-profile-tasks { min-height:81px }
.page--marketing-marketlead .ml-plan-expanded { display:grid;gap:18px }
.page--marketing-marketlead .ml-plan-expanded li { padding-left:27px;margin-bottom:0 }
.page--marketing-marketlead .ml-plan-expanded li::before { top:5px;margin-top:0 }
.page--marketing-marketlead .ml-care-conversation-head .ml-example { font-size:11px }
.page--marketing-marketlead .ml-photo-label,
.page--marketing-marketlead .ml-scene-caption { font-size:12px }
.page--marketing-marketlead .ml-profile-bottom p { font-size:12px }
@media(max-width:420px) {
.page--marketing-marketlead .ml-profile h2 { min-height:54px }
.page--marketing-marketlead .ml-profile>p { min-height:38px }
.page--marketing-marketlead .ml-photo-label,
.page--marketing-marketlead .ml-scene-caption,
.page--marketing-marketlead .ml-profile-bottom p { font-size:12px }
}
.page--marketing-marketlead .ml-scene-photo { position:absolute;inset:0;opacity:0;transition:opacity .35s ease,transform .75s cubic-bezier(.16,1,.3,1),object-position .75s }
.page--marketing-marketlead .ml-scene-photo.is-active { opacity:1 }
.page--marketing-marketlead .ml-scene-photo[data-scene-image=first] { object-position:50% 40% }
.page--marketing-marketlead .ml-scene-photo[data-scene-image=grow] { object-position:50% 38% }
.page--marketing-marketlead .ml-hero-scene[data-current-scenario=first] .ml-scene-photo,
.page--marketing-marketlead .ml-hero-scene[data-current-scenario=grow] .ml-scene-photo { transform:scale(1.025);object-position:50% 38% }
.page--marketing-marketlead .ml-care-tabs { display:flex;gap:5px;padding:5px;margin:0 0 21px;border-radius:25px;background:#edf2ff }
.page--marketing-marketlead .ml-care-tabs button { flex:1;border:0;background:transparent;color:#425980;border-radius:21px;font-size:13px;padding:9px 10px;line-height:1.3;min-height:42px;min-width:0;transition:background .18s,color .18s }
.page--marketing-marketlead .ml-care-tabs button[aria-selected=true] { background:#2951ca;color:#fff }
.page--marketing-marketlead .ml-care-tabs button:hover:not([aria-selected=true]) { background:#dfe7fb;color:#091a4e }
.page--marketing-marketlead .ml-care-conversation #care-panel { outline-offset:5px }
.page--marketing-marketlead .ml-care-conversation .ml-care-message { min-height:76px;align-items:center }
.page--marketing-marketlead .ml-care-conversation .ml-care-answer { min-height:105px;align-items:center }
.page--marketing-marketlead .ml-care-conversation .ml-care-answer .ml-icon,
.page--marketing-marketlead .ml-care-conversation .ml-care-message .ml-icon { margin-top:0 }
.page--marketing-marketlead .ml-care-controls { display:flex;align-items:center;justify-content:space-between;gap:15px;margin:4px 0 20px;font-size:12px;color:#526787 }
.page--marketing-marketlead .ml-care-controls button { flex:none;border:1px solid #c8d3ec;border-radius:19px;background:#fff;color:#404c72;padding:7px 13px;font-size:12px;min-height:36px }
.page--marketing-marketlead .ml-care-controls button:hover { background:#edf2ff }
.page--marketing-marketlead .ml-care-controls button:disabled { cursor:default;color:#667597;background:#f5f7fd }
.page--marketing-marketlead .ml-care-controls button[hidden] { display:none }
@media(max-width:760px) {
.page--marketing-marketlead .ml-care-conversation .ml-care-message { min-height:82px }
.page--marketing-marketlead .ml-care-conversation .ml-care-answer { min-height:112px }
.page--marketing-marketlead .ml-care-tabs { margin-bottom:18px }
}
@media(max-width:420px) {
.page--marketing-marketlead .ml-care-tabs button { font-size:12px;padding:8px 6px;min-height:46px }
.page--marketing-marketlead .ml-care-conversation .ml-care-message { min-height:92px }
.page--marketing-marketlead .ml-care-conversation .ml-care-answer { min-height:125px }
.page--marketing-marketlead .ml-care-controls { gap:10px;margin-bottom:18px }
}
@media(prefers-reduced-motion:reduce) {
.page--marketing-marketlead .ml-scene-photo,
.page--marketing-marketlead .ml-care-tabs button { transition:none }
}
.page--marketing-marketlead .ml-hero-scene .ml-scene-photo[data-scene-image=grow] { object-position:50% 20% }

.page--marketing-marketlead [id] { scroll-margin-top:calc(var(--header-h) + 24px); }
.page--marketing-marketlead .ml-symbols { position:absolute;width:0;height:0;overflow:hidden; }
.page--marketing-marketlead .ml-sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0; }