.mc-page { overflow-x: hidden; background: #f8fbfe; }
.mc-page h1,.mc-page h2,.mc-page h3,.mc-page p,.mc-page ul,.mc-page ol,.mc-page dl,.mc-page blockquote { margin-top: 0; }
.mc-page h1,.mc-page h2,.mc-page h3 { color: var(--ink-strong); line-height: 1.08; letter-spacing: -.035em; }
.mc-page h2 { margin-bottom: 18px; font-size: clamp(2rem,5vw,4rem); }
.mc-page h3 { margin-bottom: 10px; }
.mc-page p { color: var(--muted); }
.mc-header { background: rgba(255,255,255,.94); }
.mc-header-note { display: none; align-items: center; gap: 10px; margin: 0; font-size: .82rem; font-weight: 750; }
.mc-header-note span { width: 8px; height: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 5px rgba(31,157,107,.12); }
.mc-primary { border-color: var(--ember); background: var(--ember); box-shadow: 0 12px 28px rgba(244,123,42,.24); }
.mc-primary:hover { border-color: #d9681f; background: #d9681f; }
.mc-kicker { display: flex; align-items: center; gap: 9px; color: #bce9ff!important; font-size: .76rem; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.mc-kicker span { width: 21px; height: 2px; background: var(--ember); }
.mc-hero { position: relative; isolation: isolate; overflow: hidden; background: radial-gradient(circle at 78% 22%,rgba(31,111,235,.32),transparent 32%),linear-gradient(135deg,#071421,#0c2744 65%,#133d68); color: #fff; padding: clamp(44px,7vw,92px) 0 34px; }
.mc-hero::before { position: absolute; inset: 0; z-index: -1; background-image: linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size: 38px 38px; content: ""; mask-image: linear-gradient(to bottom,#000,transparent 90%); }
.mc-hero-grid { display: grid; gap: 36px; align-items: center; }
.mc-hero-copy h1 { max-width: 760px; margin-bottom: 24px; color: #fff; font-size: clamp(2.75rem,10vw,5.8rem); line-height: .94; letter-spacing: -.065em; }
.mc-hero-copy h1 em { color: #ff9a58; font-style: normal; }
.mc-hero-lede { max-width: 680px; color: rgba(255,255,255,.82)!important; font-size: clamp(1.05rem,2.4vw,1.28rem); line-height: 1.55; }
.mc-actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 28px; }
.mc-actions .button { min-height: 54px; }
.mc-actions .button-secondary { border-color: rgba(255,255,255,.3); background: rgba(255,255,255,.06); color: #fff; }
.mc-actions .button-secondary:hover { background: rgba(255,255,255,.14); }
.mc-proof { display: flex; flex-wrap: wrap; gap: 8px 22px; margin: 24px 0 0; padding: 0; list-style: none; }
.mc-proof li { position: relative; padding-left: 20px; color: rgba(255,255,255,.76); font-size: .9rem; font-weight: 700; }
.mc-proof li::before { position: absolute; left: 0; color: #62deb4; content: "✓"; }
.mc-hero-visual { position: relative; max-width: 680px; margin-inline: auto; }
.mc-hero-visual img { width: 100%; filter: drop-shadow(0 30px 55px rgba(0,0,0,.25)); }
.mc-hero-lead-card { position: absolute; right: 1%; bottom: 6%; display: grid; min-width: 190px; border: 1px solid rgba(255,255,255,.26); border-radius: 14px; background: rgba(255,255,255,.96); color: var(--ink); padding: 13px 15px; box-shadow: 0 20px 45px rgba(0,0,0,.28); animation: mc-float 4s ease-in-out infinite; }
.mc-hero-lead-card span { color: var(--green); font-size: .65rem; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.mc-hero-lead-card strong { color: var(--ink-strong); }.mc-hero-lead-card small { color: var(--muted); }
.mc-flow-strip { display: flex; overflow-x: auto; align-items: center; gap: 13px; margin-top: 28px; border-top: 1px solid rgba(255,255,255,.12); padding-top: 28px; scrollbar-width: none; }
.mc-flow-strip span { flex: 0 0 auto; color: #fff; font-size: .82rem; font-weight: 800; }.mc-flow-strip i { color: var(--ember); font-style: normal; }
.mc-section { position: relative; padding: clamp(64px,9vw,112px) 0; scroll-margin-top: 72px; }
.mc-heading { max-width: 760px; }.mc-heading > p:last-child { font-size: 1.05rem; }.mc-heading-centred { margin-inline: auto; text-align: center; }
.mc-demo-section { background: linear-gradient(180deg,#fff,#f1f7fc); }
.mc-demo { overflow: hidden; max-width: 1040px; margin: 42px auto 0; border: 1px solid var(--line); border-radius: 24px; background: #fff; box-shadow: 0 32px 80px rgba(18,32,51,.14); }
.mc-demo-tabs { display: grid; grid-template-columns: repeat(5,1fr); border-bottom: 1px solid var(--line); background: #f7fafc; }
.mc-demo-tabs button { display: grid; place-items: center; gap: 5px; min-height: 76px; border: 0; border-right: 1px solid var(--line); background: transparent; color: var(--muted); padding: 9px 5px; font: 700 .68rem/1.2 inherit; cursor: pointer; }
.mc-demo-tabs button:last-child { border-right: 0; }.mc-demo-tabs button span { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: #e4edf5; color: var(--ink); }
.mc-demo-tabs button[aria-selected="true"] { background: #fff; color: var(--blue-dark); }.mc-demo-tabs button[aria-selected="true"] span { background: var(--blue); color: #fff; }
.mc-demo-stage { display: grid; gap: 34px; align-items: center; padding: clamp(24px,5vw,58px); background: radial-gradient(circle at 24% 30%,rgba(31,111,235,.13),transparent 28%),#fff; }
.mc-phone { position: relative; width: min(100%,300px); height: 560px; margin-inline: auto; border: 9px solid #071421; border-radius: 42px; background: #f7fafc; box-shadow: 0 26px 55px rgba(7,20,33,.22),inset 0 0 0 2px #405064; }
.mc-phone::before { position: absolute; top: 9px; left: 50%; z-index: 4; width: 82px; height: 23px; transform: translateX(-50%); border-radius: 999px; background: #071421; content: ""; }
.mc-phone-top { position: absolute; z-index: 3; top: 12px; right: 20px; left: 20px; display: flex; justify-content: space-between; color: var(--ink-strong); font-size: .62rem; font-weight: 800; }.mc-phone-top i::after { content: "● ᴡɪғɪ"; font-style: normal; }
.mc-phone-screen { position: absolute; inset: 0; display: none; align-content: center; overflow: hidden; border-radius: 32px; padding: 50px 22px 26px; text-align: center; }
.mc-phone-screen.is-active { display: grid; animation: mc-screen-in .35s ease both; }
.mc-phone-label { margin-bottom: 7px!important; color: var(--blue-dark)!important; font-size: .7rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }.mc-phone-screen h3 { font-size: 1.65rem; }.mc-phone-screen > p { margin-bottom: 5px; }
.mc-call-icon { display: grid; place-items: center; width: 88px; height: 88px; margin: 0 auto 24px; border-radius: 50%; background: var(--blue); color: #fff; font-size: 2.2rem; }.mc-call-icon.missed { background: #fff0e6; color: var(--ember); }.mc-call-icon.is-ringing { animation: mc-ring .7s ease-in-out infinite; }
.mc-call-actions { display: flex; justify-content: center; gap: 60px; margin-top: 55px; }.mc-call-actions span { display: grid; place-items: center; width: 54px; height: 54px; border-radius: 50%; color: #fff; font-size: 1.5rem; }.mc-call-actions .decline { background: #dc4858; }.mc-call-actions .answer { background: var(--green); }
.mc-notice { margin-top: 36px; border-radius: 12px; background: var(--soft-blue); color: var(--ink); padding: 13px; font-size: .82rem; font-weight: 700; }
.mc-chat-screen { align-content: start; background: #f2f5f8; text-align: left; }.mc-chat-head { display: flex; align-items: center; gap: 20px; margin: 0 -22px 22px; border-bottom: 1px solid var(--line); background: #fff; padding: 13px 18px; text-align: center; }.mc-chat-head > span { color: var(--blue); font-size: 1.7rem; }.mc-chat-head div { display: grid; flex: 1; }.mc-chat-head small { color: var(--muted); }
.mc-bubble { border-radius: 18px 18px 18px 5px; background: #fff; color: var(--ink); padding: 13px; font-size: .83rem; line-height: 1.45; box-shadow: 0 4px 14px rgba(18,32,51,.07); }
.mc-chat-link { margin-top: 14px; border: 0; border-radius: 12px; background: var(--blue); color: #fff; padding: 12px; font: 800 .82rem inherit; cursor: pointer; }
.mc-form-screen { align-content: start; text-align: left; }.mc-form-screen h3 { font-size: 1.25rem; }.mc-form-screen dl { display: grid; gap: 7px; margin: 10px 0 0; }.mc-form-screen dl div { border: 1px solid var(--line); border-radius: 9px; background: #fff; padding: 7px 9px; }.mc-form-screen dt { color: var(--muted); font-size: .58rem; font-weight: 800; text-transform: uppercase; }.mc-form-screen dd { margin: 1px 0 0; color: var(--ink); font-size: .75rem; font-weight: 700; }
.mc-lead-screen { align-content: start; background: #fff; text-align: left; }.mc-lead-badge { width: fit-content; margin: 8px 0 18px; border-radius: 999px; background: #e5f7f0; color: var(--green); padding: 5px 9px; font-size: .62rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }.mc-lead-screen h3 { font-size: 1.55rem; }.mc-lead-location { border-bottom: 1px solid var(--line); padding-bottom: 16px; font-size: .83rem; }.mc-lead-screen ul { display: grid; gap: 10px; margin: 5px 0 22px; padding: 0; list-style: none; }.mc-lead-screen li { position: relative; padding-left: 20px; color: var(--ink); font-size: .79rem; }.mc-lead-screen li::before { position: absolute; left: 0; color: var(--green); content: "✓"; }.mc-lead-screen button { width: 100%; border: 0; border-radius: 999px; background: var(--ember); color: #fff; padding: 12px; font: 800 .8rem inherit; text-transform: uppercase; }
.mc-demo-copy { max-width: 410px; }.mc-demo-count { color: var(--blue-dark)!important; font-size: .72rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }.mc-demo-copy > div[data-demo-copy] { display: none; }.mc-demo-copy > div[data-demo-copy].is-active { display: block; animation: mc-screen-in .35s ease both; }.mc-demo-copy h3 { font-size: clamp(1.75rem,4vw,2.8rem); }.mc-demo-copy p { font-size: 1.05rem; }
.mc-demo-controls { display: flex; gap: 8px; margin-top: 26px; }.mc-demo-controls button { min-height: 42px; border: 1px solid var(--line); border-radius: 999px; background: #fff; color: var(--ink); padding: 9px 14px; font: 750 .8rem inherit; cursor: pointer; }.mc-demo-controls .mc-demo-next { border-color: var(--blue); background: var(--blue); color: #fff; }
.mc-pain { background: #071421; }.mc-pain h2 { color: #fff; }.mc-pain .eyebrow { color: #7bc3ff; }.mc-pain .mc-heading > p { color: rgba(255,255,255,.7); }.mc-pain-grid { display: grid; gap: 40px; align-items: center; }.mc-emphasis { border-left: 3px solid var(--ember); padding-left: 16px; color: #fff!important; font-weight: 750; }
.mc-work-list { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; }.mc-work-list span { display: flex; align-items: center; gap: 10px; min-height: 65px; border: 1px solid rgba(255,255,255,.12); border-radius: 12px; background: rgba(255,255,255,.055); color: #fff; padding: 14px; font-weight: 700; }.mc-work-list span::before { color: var(--ember); content: "●"; }
.mc-comparison { background: #f1f6fa; }.mc-compare-grid { display: grid; gap: 18px; max-width: 940px; margin: 38px auto 0; }.mc-compare-card { border: 1px solid var(--line); border-radius: 18px; background: #fff; padding: clamp(22px,4vw,36px); box-shadow: var(--shadow-soft); }.mc-compare-card.with { border-top: 4px solid var(--green); }.mc-compare-card.with .mc-card-label { color: var(--green); }.mc-compare-card.without { border-top: 4px solid #bf6470; }.mc-compare-card.without .mc-card-label { color: #9e4450; }.mc-card-label { margin-bottom: 20px!important; font-size: .72rem; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }.mc-compare-card ol { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }.mc-compare-card li { position: relative; display: flex; align-items: center; gap: 12px; min-height: 54px; border-bottom: 1px solid var(--line); color: var(--ink); font-weight: 750; }.mc-compare-card li:last-child { border: 0; }.mc-compare-card li span { display: grid; place-items: center; flex: 0 0 28px; width: 28px; height: 28px; border-radius: 50%; background: var(--soft); color: var(--muted); font-size: .68rem; }
.mc-how { background: #fff; }.mc-timeline { display: grid; gap: 16px; margin: 42px 0 0; padding: 0; list-style: none; }.mc-timeline li { position: relative; display: grid; gap: 5px; border: 1px solid var(--line); border-radius: 15px; background: #fff; padding: 22px; box-shadow: var(--shadow-soft); }.mc-timeline li > span { color: var(--ember); font-size: .68rem; font-weight: 900; letter-spacing: .1em; }.mc-timeline strong { color: var(--ink-strong); font-size: 1.1rem; }.mc-timeline small { color: var(--muted); line-height: 1.45; }
.mc-example { background: linear-gradient(135deg,#e9f3fb,#fff); }.mc-example-grid { display: grid; gap: 18px; align-items: center; max-width: 1050px; margin: 42px auto 0; }.mc-customer-message,.mc-structured-lead { border: 1px solid var(--line); border-radius: 20px; background: #fff; padding: clamp(22px,4vw,34px); box-shadow: var(--shadow); }.mc-customer-message blockquote { color: var(--ink); font-size: 1.07rem; line-height: 1.65; }.mc-customer-message > span { color: var(--muted); font-size: .72rem; }.mc-transform-arrow { display: grid; place-items: center; width: 48px; height: 48px; margin: auto; transform: rotate(90deg); border-radius: 50%; background: var(--ember); color: #fff; font-size: 1.4rem; box-shadow: 0 9px 20px rgba(244,123,42,.3); }.mc-lead-head { display: flex; justify-content: space-between; gap: 15px; border-bottom: 1px solid var(--line); }.mc-lead-head .mc-card-label { margin-bottom: 5px!important; }.mc-lead-head h3 { font-size: 1.6rem; }.mc-lead-head > span { align-self: start; border-radius: 999px; background: #fff0e6; color: #a94e15; padding: 6px 9px; font-size: .67rem; font-weight: 900; }.mc-structured-lead dl { display: grid; gap: 0; margin: 12px 0 0; }.mc-structured-lead dl div { display: grid; grid-template-columns: 90px 1fr; gap: 10px; border-bottom: 1px solid var(--line); padding: 9px 0; }.mc-structured-lead dl div:last-child { border: 0; }.mc-structured-lead dt { color: var(--muted); font-size: .75rem; }.mc-structured-lead dd { margin: 0; color: var(--ink); font-weight: 750; }
.mc-trades { background: #fff; }.mc-trade-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; margin-top: 38px; }.mc-trade-grid article { border: 1px solid var(--line); border-radius: 14px; background: #fff; padding: 18px; box-shadow: var(--shadow-soft); }.mc-trade-grid svg { width: 42px; height: 42px; margin-bottom: 18px; fill: none; stroke: var(--blue); stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }.mc-trade-grid h3 { margin: 0; font-size: .92rem; letter-spacing: -.015em; }
.mc-features { background: #071421; }.mc-features h2 { color: #fff; }.mc-features .eyebrow { color: #7bc3ff; }.mc-feature-grid { display: grid; gap: 13px; margin-top: 42px; }.mc-feature-grid article { border: 1px solid rgba(255,255,255,.11); border-radius: 16px; background: rgba(255,255,255,.055); padding: 23px; }.mc-feature-grid article > span { display: grid; place-items: center; width: 38px; height: 38px; margin-bottom: 20px; border-radius: 10px; background: rgba(244,123,42,.16); color: #ff9a58; font-weight: 900; }.mc-feature-grid h3 { color: #fff; font-size: 1.14rem; }.mc-feature-grid p { margin: 0; color: rgba(255,255,255,.67); font-size: .93rem; }
.mc-pricing { background: #f5f9fc; }.mc-price-layout { display: grid; gap: 36px; align-items: center; }.mc-price-card { max-width: 520px; border: 1px solid var(--line); border-top: 5px solid var(--ember); border-radius: 20px; background: #fff; padding: clamp(24px,5vw,42px); box-shadow: 0 28px 70px rgba(18,32,51,.16); }.mc-price { display: flex; align-items: end; margin-top: -4px; }.mc-price strong { color: var(--ink-strong); font-size: clamp(3.7rem,12vw,5.8rem); line-height: 1; letter-spacing: -.07em; }.mc-price span { margin: 0 0 10px 8px; color: var(--muted); font-weight: 750; }.mc-setup { margin-bottom: 24px; color: var(--blue-dark)!important; font-weight: 850; }.mc-price-card ul { display: grid; gap: 10px; margin: 0 0 26px; border-block: 1px solid var(--line); padding: 22px 0; list-style: none; }.mc-price-card li { position: relative; padding-left: 27px; color: var(--ink); font-weight: 700; }.mc-price-card li::before { position: absolute; left: 0; color: var(--green); content: "✓"; }.mc-price-card .button { width: 100%; }
.mc-roi { background: #fff; }.mc-roi-card { display: grid; gap: 24px; max-width: 980px; border: 1px solid var(--line); border-radius: 20px; background: linear-gradient(135deg,#fff,#eef6fc); padding: clamp(24px,5vw,50px); box-shadow: var(--shadow-soft); }.mc-roi-card h2 { font-size: clamp(2rem,5vw,3.2rem); }.mc-roi-card p { font-size: 1.05rem; }.mc-roi-card small { color: var(--muted); }.mc-roi-mark { display: grid; place-items: center; width: 74px; height: 74px; border-radius: 18px; background: var(--green); color: #fff; font-size: 2.4rem; font-weight: 900; box-shadow: 0 15px 30px rgba(31,157,107,.22); }
.mc-about { background: #eef5fb; }.mc-about-grid { display: grid; gap: 32px; align-items: center; max-width: 940px; }.mc-about-grid > img { width: min(72vw,300px); aspect-ratio: 1; border: 7px solid #fff; border-radius: 24px; object-fit: cover; box-shadow: var(--shadow); }.mc-about a,.mc-contact-copy > a { color: var(--blue-dark); font-weight: 800; }
.mc-faq { background: #fff; }.mc-faq-grid { display: grid; gap: 36px; }.mc-faq-list { border-top: 1px solid var(--line); }.mc-faq-list details { border-bottom: 1px solid var(--line); padding: 18px 0; }.mc-faq-list summary { position: relative; padding-right: 35px; color: var(--ink-strong); font-weight: 800; cursor: pointer; list-style: none; }.mc-faq-list summary::-webkit-details-marker { display: none; }.mc-faq-list summary::after { position: absolute; right: 5px; color: var(--blue); font-size: 1.35rem; content: "+"; }.mc-faq-list details[open] summary::after { content: "−"; }.mc-faq-list details p { margin: 12px 35px 0 0; }
.mc-contact { background: radial-gradient(circle at 12% 10%,rgba(31,111,235,.28),transparent 30%),#071421; }.mc-contact-grid { display: grid; gap: 34px; align-items: start; }.mc-contact-copy h2 { color: #fff; }.mc-contact-copy > p { color: rgba(255,255,255,.7); font-size: 1.08rem; }.mc-contact-copy ul { display: grid; gap: 10px; margin: 24px 0; padding: 0; list-style: none; }.mc-contact-copy li { position: relative; padding-left: 25px; color: #fff; font-weight: 700; }.mc-contact-copy li::before { position: absolute; left: 0; color: #62deb4; content: "✓"; }.mc-contact-copy > a { color: #abd8ff; }
.mc-lead-form { gap: 15px; border-radius: 20px; background: #fff; padding: clamp(20px,4vw,34px); }.mc-form-head { border-bottom: 1px solid var(--line); padding-bottom: 15px; }.mc-form-head p { margin-bottom: 3px; color: var(--ember); font-size: .68rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }.mc-form-head h3 { margin-bottom: 3px; font-size: 1.55rem; }.mc-form-head span,.mc-optional { color: var(--muted); font-size: .75rem; font-weight: 500; }.mc-form-row { display: grid; gap: 15px; }.mc-lead-form label { font-size: .86rem; }.mc-lead-form input,.mc-lead-form select { min-height: 46px; }.mc-lead-form .form-note { margin: 0; text-align: center; }.mc-lead-form .form-note a { color: var(--blue-dark); }.mc-lead-form .form-message { margin: 0; }.mc-lead-form .form-message:focus { outline: none; }
.mc-mobile-cta { position: fixed; right: 10px; bottom: max(10px,env(safe-area-inset-bottom)); left: 10px; z-index: 35; transform: translateY(140%); transition: transform .25s ease,opacity .25s ease; pointer-events: none; }.mc-mobile-cta.is-visible { transform: none; pointer-events: auto; }.mc-mobile-cta.is-hidden { opacity: 0; transform: translateY(140%); }.mc-mobile-cta .button { display: grid; gap: 0; width: 100%; min-height: 58px; box-shadow: 0 15px 35px rgba(7,20,33,.32); }.mc-mobile-cta small { color: rgba(255,255,255,.8); font-size: .64rem; }
.mc-page .cookie-banner { bottom: 82px; }
@keyframes mc-ring { 0%,100%{transform:rotate(0)}25%{transform:rotate(-7deg)}75%{transform:rotate(7deg)} }
@keyframes mc-screen-in { from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none} }
@keyframes mc-float { 0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)} }
@media (min-width:560px) { .mc-trade-grid { grid-template-columns: repeat(3,1fr); }.mc-feature-grid { grid-template-columns: repeat(2,1fr); }.mc-how .mc-timeline { grid-template-columns: repeat(2,1fr); }.mc-form-row { grid-template-columns: repeat(2,1fr); }.mc-roi-card { grid-template-columns: auto 1fr; }.mc-header-note { display: flex; } }
@media (min-width:760px) { .mc-demo-stage { grid-template-columns: minmax(300px,1fr) minmax(300px,.9fr); }.mc-compare-grid { grid-template-columns: repeat(2,1fr); }.mc-pain-grid,.mc-price-layout,.mc-faq-grid,.mc-contact-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.mc-about-grid { grid-template-columns: 300px 1fr; }.mc-example-grid { grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); }.mc-transform-arrow { transform: none; }.mc-feature-grid { grid-template-columns: repeat(3,1fr); }.mc-how .mc-timeline { grid-template-columns: repeat(4,1fr); }.mc-timeline li:not(:last-child)::after { position: absolute; z-index: 2; top: 50%; right: -17px; width: 18px; height: 2px; background: var(--ember); content: ""; }.mc-trade-grid article { padding: 25px; }.mc-trade-grid h3 { font-size: 1.05rem; } }
@media (min-width:760px) { .mc-mobile-cta { display: none; }.mc-page .cookie-banner { bottom: 16px; } }
@media (min-width:960px) { .mc-hero-grid { grid-template-columns: minmax(0,1.05fr) minmax(430px,.95fr); }.mc-hero-visual { margin-right: -34px; }.mc-hero-copy h1 { font-size: clamp(4.2rem,6.4vw,5.8rem); }.mc-flow-strip { justify-content: center; gap: 24px; }.mc-demo-tabs button { display: flex; justify-content: center; font-size: .76rem; }.mc-price-layout { grid-template-columns: minmax(0,1fr) 520px; }.mc-price-card { justify-self: end; }.mc-faq-grid { grid-template-columns: .8fr 1.2fr; }.mc-contact-grid { grid-template-columns: .85fr 1.15fr; gap: 70px; } }
@media (max-width:559px) { .mc-header .brand span { font-size: .92rem; }.mc-header .button-small { min-height: 38px; padding-inline: 11px; }.mc-actions { display: grid; }.mc-actions .button { width: 100%; }.mc-hero-lead-card { right: 0; min-width: 175px; }.mc-demo { margin-right: -4px; margin-left: -4px; border-radius: 16px; }.mc-demo-tabs button { min-height: 65px; font-size: 0; }.mc-demo-tabs button span { font-size: .68rem; }.mc-demo-stage { padding-inline: 14px; }.mc-phone { height: 535px; }.mc-work-list { grid-template-columns: 1fr; }.mc-page { padding-bottom: 78px; } }
@media (max-width:340px) { .container { width: min(100% - 20px,var(--max)); }.mc-header .brand span { display: none; }.mc-phone { width: 275px; height: 520px; }.mc-demo-stage { padding-inline: 7px; }.mc-structured-lead dl div { grid-template-columns: 72px 1fr; }.mc-trade-grid { grid-template-columns: 1fr 1fr; }.mc-trade-grid article { padding: 14px; } }
@media (prefers-reduced-motion:reduce) { .mc-page * { scroll-behavior: auto!important; animation-duration: .01ms!important; animation-iteration-count: 1!important; transition-duration: .01ms!important; } }