/* Original editorial photography paired with real, semantic product UI illustrations. */
.mp-preview{--mp-ink:#29251f;--mp-muted:#78756d;--mp-line:#e9e5de;position:relative;isolation:isolate;min-width:0;width:100%;min-height:490px;margin:0;overflow:hidden;border-radius:20px;background:#e7e6de;color:var(--mp-ink);container-type:inline-size;font-family:inherit;text-align:start}
.mp-preview .mp-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0;margin:0;z-index:-2}
.mp-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 5%,#23291e18 55%,#23291e30);z-index:-1;pointer-events:none}
.mp-preview .mp-disclosure{position:absolute;inset-block-start:20px;inset-inline-start:22px;background:#fffef8e8;color:#555448;border:1px solid #ffffff80;border-radius:999px;padding:7px 11px;font-size:10px;letter-spacing:.055em;line-height:1.2;backdrop-filter:blur(12px)}
.mp-preview .mp-interface{position:relative;width:calc(100% - 52px);margin:118px 26px 30px;padding:22px;background:#fff;border:1px solid #eee9e1;border-radius:15px;box-shadow:0 17px 55px #1b251c22;overflow:hidden;font-size:12px;line-height:1.5}
.mp-preview strong{font-weight:550;color:var(--mp-ink)}
.mp-preview small{font-size:10px;color:var(--mp-muted);line-height:1.5}
.mp-preview .mp-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-block-end:22px}
.mp-preview .mp-panel-heading>strong{font-size:19px;letter-spacing:-.035em}
.mp-preview .mp-pill{display:inline-flex;align-items:center;white-space:nowrap;width:max-content;max-width:100%;padding:3px 7px;border-radius:6px;background:#edf1e6;color:#536146;font-size:9px;font-weight:500;line-height:1.5}
.mp-preview .mp-pill--peach{color:#9a684a;background:#fbede2}.mp-preview .mp-pill--lavender{color:#72648a;background:#f0ebf7}.mp-preview .mp-pill--sand{color:#807665;background:#f0ece4}
.mp-preview .mp-status-dot{display:inline-block;flex:none;width:6px;height:6px;border-radius:50%;background:#97a47f}
.mp-preview .mp-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-block-end:20px}
.mp-preview .mp-metric{display:flex;flex-direction:column;gap:8px;padding:12px 10px;background:#fbfaf7;border:1px solid var(--mp-line);border-radius:9px}
.mp-preview .mp-metric>strong{font-size:27px;line-height:1;font-weight:450;font-variant-numeric:tabular-nums}
.mp-preview .mp-metric>small{font-size:9px;white-space:normal}
.mp-preview .mp-table-wrap{width:100%;overflow-x:auto;scrollbar-width:thin}
.mp-preview .mp-table{width:100%;border-collapse:collapse;font-size:10px;margin:0;border:0;background:#fff;text-align:start}
.mp-preview .mp-table th,.mp-preview .mp-table td{border:0;border-block-end:1px solid var(--mp-line);padding:11px 5px;vertical-align:middle;background:transparent;text-align:start;white-space:nowrap}
.mp-preview .mp-table thead th{font-size:9px;font-weight:400;color:var(--mp-muted);padding-block-start:0}
.mp-preview .mp-table tbody th{font-weight:500;color:var(--mp-ink)}
.mp-preview .mp-table tbody tr:last-child>*{border-block-end:0}
.mp-preview .mp-avatar{display:inline-grid;place-items:center;width:24px;height:24px;margin-inline-end:7px;border-radius:50%;font-size:9px;background:#e4ebda;color:#64714e;vertical-align:middle}
.mp-preview .mp-avatar--peach{background:#efe1d5;color:#967053}.mp-preview .mp-avatar--lavender{background:#e8e0f0;color:#826f92}
.mp-preview .mp-panel-foot{display:flex;align-items:center;gap:8px;margin-block-start:18px;padding-block-start:12px;border-block-start:1px solid var(--mp-line);font-size:10px;color:var(--mp-muted)}
.mp-preview .mp-sample-label{margin-block-start:17px;font-size:9px;color:#797568;letter-spacing:.02em}
.mp-preview .mp-brand-mark{display:inline-grid;place-items:center;flex:none;width:27px;height:27px;color:#fff;background:#4b5042;border-radius:8px;font-size:17px;font-weight:400}
.mp-preview .mp-browser-bar{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:-22px -22px 0;padding:9px 14px;background:#f9f8f5;border-block-end:1px solid var(--mp-line);color:#8b8980;font-size:9px}
.mp-preview .mp-browser-bar>span:first-child{color:#d2cdc2;font-size:8px;letter-spacing:2px}
.mp-preview .mp-mini-nav{display:flex;align-items:center;gap:9px;margin-block:17px;color:var(--mp-muted);font-size:9px}
.mp-preview .mp-mini-nav>strong{margin-inline-end:auto;font-size:11px}
.mp-preview .mp-site-hero{position:relative;display:flex;align-items:flex-start;flex-direction:column;gap:16px;padding:30px 16px;background:#ecefe7;border-radius:8px;overflow:hidden}
.mp-preview .mp-site-hero:after{content:"";position:absolute;width:110px;height:140px;border-radius:60px 60px 0 0;inset-inline-end:8%;inset-block-end:0;border:24px solid #d5decb;border-block-end:0;opacity:.7}
.mp-preview .mp-site-hero>strong{font-size:28px;line-height:1.15;letter-spacing:-.045em;max-width:85%;z-index:1}
.mp-preview .mp-site-hero em{font-weight:400;font-family:Georgia,serif}
.mp-preview .mp-eyebrow{font-size:9px;letter-spacing:.06em;color:#7b806c}
.mp-preview .mp-mini-button{display:flex;align-items:center;gap:18px;width:max-content;border-radius:5px;background:#34362d;color:#fff;padding:7px 10px;font-size:9px;z-index:1}
.mp-preview .mp-site-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-block-start:18px;color:var(--mp-muted);font-size:9px}
.mp-preview .mp-site-bottom>div{display:flex;gap:6px;align-items:center}
.mp-preview .mp-inbox-layout{display:grid;grid-template-columns:31% 1fr;gap:17px;min-height:230px}
.mp-preview .mp-thread-list{border-inline-end:1px solid var(--mp-line);padding-inline-end:10px}
.mp-preview .mp-thread{display:flex;flex-direction:column;gap:5px;border-radius:7px;padding:11px 8px;margin-block-end:6px}
.mp-preview .mp-thread>strong{font-size:10px}.mp-preview .mp-thread>small{font-size:8px}.mp-preview .mp-thread--selected{background:#f0f0e9}
.mp-preview .mp-conversation{display:flex;flex-direction:column;gap:14px}
.mp-preview .mp-bubble,.mp-preview .mp-draft{background:#f5f4f0;border-radius:10px;padding:12px;font-size:11px}
.mp-preview .mp-bubble p,.mp-preview .mp-draft p{margin:6px 0 0;font-size:11px;line-height:1.55;color:var(--mp-ink)}
.mp-preview .mp-draft{background:#f4f6ef;border:1px solid #e5e9dc}
.mp-preview .mp-review-line{display:flex;align-items:center;gap:6px;color:#798768;font-size:9px;margin-block-start:10px}
.mp-preview .mp-calendar{position:relative;display:grid;grid-template-columns:34px repeat(5,minmax(0,1fr));min-height:248px;border:1px solid var(--mp-line);border-radius:9px;overflow:hidden;background:repeating-linear-gradient(to bottom,transparent 0,transparent 48px,#ece9e3 49px,transparent 50px)}
.mp-preview .mp-calendar-times{display:flex;flex-direction:column;gap:33px;padding:43px 2px 0;color:#8b877e;font-size:8px;text-align:center}
.mp-preview .mp-calendar-day{position:relative;border-inline-start:1px solid var(--mp-line);min-width:0}
.mp-preview .mp-day-name{display:block;padding:10px 3px;background:#faf9f6;text-align:center;font-size:9px}
.mp-preview .mp-calendar-event{position:absolute;inset-inline:3px;inset-block-start:calc(44px + var(--mp-event-start)*38px);min-height:66px;padding:7px 5px;border-inline-start:2px solid #99a67d;background:#e8eeda;border-radius:5px;line-height:1.25}
.mp-preview .mp-calendar-event>strong{display:block;font-size:8px;overflow-wrap:anywhere}.mp-preview .mp-calendar-event>small{display:block;margin-block-start:6px;font-size:8px}
.mp-preview .mp-calendar-event--1{background:#eee9f4;border-color:#b8a8cc}.mp-preview .mp-calendar-event--2{background:#f8e9da;border-color:#d6b79b}
.mp-preview .mp-chart-box{border:1px solid var(--mp-line);border-radius:10px;padding:15px 13px}
.mp-preview .mp-chart-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-block-end:17px;font-size:11px}
.mp-preview .mp-chart-title>small{font-size:8px}
.mp-preview .mp-channel-chart{display:grid;gap:13px}
.mp-preview .mp-channel-row{display:grid;grid-template-columns:94px 1fr;align-items:center;gap:8px;font-size:9px;color:var(--mp-muted)}
.mp-preview .mp-chart-track{height:12px;border-radius:3px;background:#f4f3ef;overflow:hidden}
.mp-preview .mp-chart-fill{display:block;width:var(--mp-fill);height:100%;background:#a4b091;border-radius:3px}
.mp-preview .mp-chart-fill--lavender{background:#b8a9cf}.mp-preview .mp-chart-fill--peach{background:#dab29c}.mp-preview .mp-chart-fill--sand{background:#c6bba3}
.mp-preview .mp-proposal{background:#fdfcf9;border:1px solid var(--mp-line);border-radius:9px;padding:15px}
.mp-preview .mp-proposal-header{display:flex;gap:13px;margin-block-end:24px}
.mp-preview .mp-document-icon{display:grid;place-items:center;width:36px;height:44px;background:#e8e9de;color:#7d856c;border-radius:4px;font-size:24px}
.mp-preview .mp-proposal-header>div{display:flex;flex-direction:column;gap:6px}.mp-preview .mp-proposal-header strong{font-size:13px}
.mp-preview .mp-proposal-signoff{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-block-start:18px;margin-block-start:10px;border-block-start:1px solid var(--mp-line)}
.mp-preview .mp-proposal-signoff>div{display:flex;flex-direction:column;gap:5px}.mp-preview .mp-proposal-signoff strong{font-size:10px}
.mp-preview .mp-signature{font-family:Georgia,serif;font-style:italic;font-size:30px;color:#899178}
.mp-preview .mp-kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.mp-preview .mp-kanban-column{min-width:0;background:#f8f7f4;padding:9px 7px;border-radius:8px}
.mp-preview .mp-kanban-heading{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-block-end:13px;color:var(--mp-muted);font-size:9px}
.mp-preview .mp-task{background:#fff;border:1px solid var(--mp-line);border-radius:6px;padding:10px 8px;margin-block-end:9px;box-shadow:0 2px 3px #302b2004}
.mp-preview .mp-task>strong{display:block;font-size:10px;min-height:30px}
.mp-preview .mp-document-rule{display:block;width:65%;height:4px;background:#f0eee8;border-radius:2px;margin-block:8px}
.mp-preview .mp-task>div{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-block-start:16px}.mp-preview .mp-task small{font-size:8px}
.mp-preview .mp-task-owner{display:grid;place-items:center;width:17px;height:17px;flex:none;background:#e8e5da;color:#908572;border-radius:50%;font-size:7px}
.mp-preview .mp-stock-count{font-size:16px;font-variant-numeric:tabular-nums;font-weight:450}
.mp-preview .mp-finance-flow{display:flex;align-items:center;gap:14px;padding:18px 14px;background:#f8f7f3;border:1px solid var(--mp-line);border-radius:10px}
.mp-preview .mp-finance-flow>div{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:9px}.mp-preview .mp-finance-flow strong{font-size:11px}.mp-preview .mp-finance-flow small{font-size:9px}
.mp-preview .mp-flow-arrow{color:#a0a68e;font-size:25px}.mp-preview .mp-finance-document{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;color:#9383a8;background:#e9e0f1;font-size:20px}
.mp-preview .mp-handoff-record{display:flex;flex-direction:column;gap:10px;padding:17px 0 8px}
.mp-preview .mp-handoff-record>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.mp-preview .mp-handoff-record strong{font-size:11px}
.mp-preview .mp-scope-note{font-size:9px;color:var(--mp-muted);line-height:1.6;margin:15px 0 0;padding-block-start:10px;border-block-start:1px solid var(--mp-line)}
.mp-preview .mp-ai-prompt{display:flex;align-items:center;gap:10px;background:#eeede6;border-radius:9px;padding:13px;margin-block-end:18px}.mp-preview .mp-ai-prompt>span{font-size:21px;color:#85906e}.mp-preview .mp-ai-prompt>strong{font-size:12px}
.mp-preview .mp-agent-steps{list-style:none;padding:0;margin:0;display:grid;gap:0}
.mp-preview .mp-agent-steps>li{display:flex;align-items:center;gap:9px;padding:12px 0;border-block-end:1px solid var(--mp-line)}.mp-preview .mp-agent-steps>li:last-child{border:0}
.mp-preview .mp-agent-steps>li>div{display:flex;flex-direction:column;gap:3px;flex:1}.mp-preview .mp-agent-steps strong{font-size:11px}.mp-preview .mp-agent-steps small{font-size:9px}
.mp-preview .mp-agent-step-icon{display:grid;place-items:center;width:24px;height:24px;flex:none;border-radius:50%;background:#e9eedf;color:#7f8e65;font-size:12px}.mp-preview .mp-agent-step-icon--wait{background:#f8eadb;color:#b68b5d}
[dir="rtl"] .mp-preview .mp-flow-arrow{transform:scaleX(-1)}
@container (max-width:440px){.mp-preview .mp-interface{width:calc(100% - 28px);margin:98px 14px 20px;padding:16px}.mp-preview .mp-panel-heading{gap:7px}.mp-preview .mp-panel-heading>strong{font-size:16px}.mp-preview .mp-metric{padding:10px 8px}.mp-preview .mp-metric>strong{font-size:23px}.mp-preview .mp-pill{font-size:8px;padding:3px 5px}.mp-preview .mp-inbox-layout{grid-template-columns:28% 1fr;gap:10px}.mp-preview .mp-thread{padding:9px 4px}.mp-preview .mp-thread>strong{font-size:9px}.mp-preview .mp-thread>small{font-size:7px}.mp-preview .mp-bubble,.mp-preview .mp-draft{padding:9px}.mp-preview .mp-bubble p,.mp-preview .mp-draft p{font-size:10px}.mp-preview .mp-kanban{gap:6px}.mp-preview .mp-task{padding:9px 6px}.mp-preview .mp-task>strong{font-size:9px}.mp-preview .mp-calendar{grid-template-columns:29px repeat(5,minmax(0,1fr))}.mp-preview .mp-calendar-event>strong{font-size:7px}.mp-preview .mp-calendar-event{padding:6px 3px}.mp-preview .mp-browser-bar{margin:-16px -16px 0}.mp-preview .mp-agent-steps .mp-pill{max-width:66px;white-space:normal;text-align:center}.mp-preview .mp-site-hero>strong{font-size:25px}.mp-preview .mp-finance-flow{gap:9px;padding:13px 10px}}
@media(max-width:600px){.mp-preview{min-height:440px;border-radius:15px}.mp-preview .mp-disclosure{inset-block-start:15px;inset-inline-start:16px}}
@media(prefers-reduced-motion:no-preference){.mp-preview .mp-interface{transition:box-shadow .3s ease}.mp-preview:hover .mp-interface{box-shadow:0 20px 60px #1b251c2a}}

/* The catalog is an editorial spread, not a dashboard inside another card.
   Logical positioning mirrors the same composition in both languages. */
.brand-site .os-catalog{background:#faf8f5}
.brand-site .os-catalog>.wrap{width:calc(100% - 64px);max-width:1440px}
.brand-site .os-catalog .os-catalog-tabs{gap:8px;margin-block:0 56px;justify-content:safe center;flex-wrap:nowrap;overflow-x:auto;padding:5px 3px 12px;scrollbar-width:thin;scroll-padding-inline:3px}
.brand-site .os-catalog .os-catalog-tabs button{flex:none;justify-content:center;gap:6px;min-height:40px;padding:8px 12px;border-radius:7px;border-color:#d8d3ca;background:transparent;color:#514d42;font-size:13px;line-height:1.4;white-space:nowrap}
.brand-site .os-catalog .os-catalog-tabs button svg{width:16px;height:16px;flex:none}
.brand-site .os-catalog .os-catalog-tabs button[aria-selected=true]{background:#e9e9de;border-color:#aab295;color:#455035;box-shadow:none}
.brand-site .os-catalog .os-catalog-tabs button:hover{background:#eeece5}
.brand-site .os-catalog{overflow-anchor:none}
.brand-site .os-catalog .os-catalog-tabs button,
.brand-site .os-catalog .os-catalog-tabs button:hover,
.brand-site .os-catalog .os-catalog-tabs button:active,
.brand-site .os-catalog .os-catalog-tabs button:focus{transform:none;translate:none;scale:none;font-weight:400;transition:background-color .18s,color .18s,border-color .18s}
.brand-site .os-catalog .os-catalog-tabs button:focus-visible{outline:2px solid #62684c;outline-offset:3px}
.brand-site .os-catalog .os-catalog-grid>article{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,100px);padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none;align-items:center}
.brand-site .os-catalog .os-catalog-grid>article:target{outline:none}
.brand-site .os-catalog .os-catalog-grid{position:relative}
.brand-site .os-catalog .os-catalog-grid>article{align-items:start;min-height:var(--app-panel-height,0px)}
.brand-site .os-catalog .os-catalog-grid.is-measuring-apps>article[hidden]{display:grid!important;position:absolute;inset:0 0 auto;visibility:hidden;pointer-events:none}
.brand-site .os-catalog .os-module-copy>strong{min-height:var(--app-title-height,0px)}
.brand-site .os-catalog .os-module-copy>p{min-height:var(--app-body-height,0px)}
.brand-site .os-catalog .os-catalog-grid>article:focus-visible{outline:2px solid #62684c;outline-offset:6px}
.brand-site .os-catalog .os-module-copy{padding:0;min-width:0}
.brand-site .os-catalog .os-module-label{display:flex;align-items:center;gap:12px;margin-block-end:24px}
.brand-site .os-catalog .os-catalog-icon{flex:none;width:34px;height:34px;border-radius:8px;background:#29271f;color:#f5f2e6;margin:0}
.brand-site .os-catalog .os-catalog-icon svg{width:22px;height:22px}
.brand-site .os-catalog .os-module-label h3{margin:0;font-size:17px;font-weight:550;letter-spacing:-.02em;color:#29251f}
.brand-site .os-catalog .os-module-copy>strong{display:block;font-size:clamp(28px,2.5vw,42px);font-weight:550;line-height:1.18;letter-spacing:-.035em;color:#29251f;max-width:560px}
.brand-site .os-catalog .os-module-copy>p{font-size:clamp(16px,1.35vw,20px);line-height:1.65;color:#716c63;margin-block:24px 30px;max-width:530px}
.brand-site .os-catalog .os-module-copy>.button{font-size:16px;min-height:48px;padding:13px 22px;color:#fff}
.brand-site .os-catalog .os-catalog-note{margin-block-start:42px;color:#787268}
.mp-preview.mp-preview--catalog{--card-top:150px;--card-offset:0%;min-height:470px;overflow:visible;border-radius:0;background:transparent;padding-block:var(--card-top) 0}
.mp-preview--catalog.mp-preview--website{--card-top:45px;--card-offset:4%}
.mp-preview--catalog.mp-preview--customers{--card-top:190px}
.mp-preview--catalog.mp-preview--inbox{--card-top:75px;--card-offset:35%}
.mp-preview--catalog.mp-preview--calendar{--card-top:35px}
.mp-preview--catalog.mp-preview--growth{--card-top:185px;--card-offset:30%}
.mp-preview--catalog.mp-preview--quotes{--card-top:100px;--card-offset:3%}
.mp-preview--catalog.mp-preview--projects{--card-top:165px;--card-offset:25%}
.mp-preview--catalog.mp-preview--inventory{--card-top:60px;--card-offset:33%}
.mp-preview--catalog.mp-preview--finance{--card-top:175px}
.mp-preview--catalog.mp-preview--ai{--card-top:40px;--card-offset:7%}
.mp-preview--catalog:after{content:"";display:block;position:absolute;inset:auto;inset-block-start:0;inset-inline-end:0;width:10px;height:410px;pointer-events:none;background:linear-gradient(155deg,#d9b5a2 0 17%,#eee5bc 17% 36%,#a2ae8e 36% 64%,#c5b7d3 64% 82%,#d9b5a2 82%);z-index:1}
.mp-preview.mp-preview--catalog .mp-photo{inset-block:0 auto;inset-inline:7% 0;width:93%;height:410px;border-radius:2px;object-position:center 35%}
.mp-preview.mp-preview--catalog .mp-disclosure{inset-block-start:14px;inset-inline-start:auto;inset-inline-end:14px;font-size:9px;padding:5px 9px}
.mp-preview.mp-preview--catalog .mp-interface{width:62%;max-width:360px;margin:0;margin-inline-start:var(--card-offset);padding:14px;border-radius:14px;border:1px solid #eeeae3;box-shadow:0 5px 18px #29251f0c;font-size:11px}
.mp-preview.mp-preview--catalog .mp-panel-heading{gap:8px;margin-block-end:12px;flex-wrap:wrap}
.mp-preview.mp-preview--catalog .mp-panel-heading>strong{font-size:14px}
.mp-preview.mp-preview--catalog .mp-agent-steps small{display:none}
.mp-preview.mp-preview--catalog .mp-agent-steps>li{padding-block:8px}
.mp-preview.mp-preview--catalog .mp-ai-prompt{padding:8px;margin-block-end:8px}
.mp-preview--catalog .mp-interface>.mp-metrics,
.mp-preview--catalog .mp-panel-foot,
.mp-preview--catalog .mp-thread-list,
.mp-preview--catalog .mp-browser-bar,
.mp-preview--catalog .mp-mini-nav,
.mp-preview--catalog .mp-site-bottom{display:none}
.mp-preview--catalog .mp-panel-heading{margin-block-end:16px}
.mp-preview--catalog .mp-panel-heading>strong{font-size:16px}
.mp-preview--catalog .mp-panel-heading>.mp-pill{white-space:normal;text-align:center}
.mp-preview--catalog .mp-table{font-size:11px}
.mp-preview--catalog .mp-table th,.mp-preview--catalog .mp-table td{padding-block:12px}
.mp-preview--catalog .mp-sample-label{margin-block-start:12px;font-size:9px}
.mp-preview--catalog .mp-site-hero{padding:18px 14px;gap:12px}
.mp-preview--catalog .mp-site-hero>strong{font-size:25px}
.mp-preview--catalog .mp-inbox-layout{grid-template-columns:1fr;min-height:0}
.mp-preview--catalog .mp-conversation{gap:10px}
.mp-preview--catalog .mp-calendar{min-height:218px}
.mp-preview--catalog .mp-calendar-event{inset-block-start:calc(40px + var(--mp-event-start)*30px);min-height:56px}
.mp-preview--catalog .mp-proposal{padding:0;border:0;background:transparent}
.mp-preview--catalog .mp-proposal-header{margin-block-end:12px}
.mp-preview--catalog .mp-proposal-signoff{display:none}
.mp-preview--catalog .mp-kanban-column{padding:8px 6px}
.mp-preview--catalog .mp-task{padding:8px 6px}
.mp-preview--catalog .mp-task>div{margin-block-start:8px}
.mp-preview--catalog .mp-document-rule{display:none}
.mp-preview--catalog .mp-finance-flow{padding:12px;gap:10px}
.mp-preview--catalog .mp-handoff-record{gap:7px;padding-block:12px 0}
.mp-preview--catalog .mp-scope-note{margin-block-start:10px}
.mp-preview--catalog .mp-finance-flow small,
.mp-preview--catalog .mp-handoff-record>div:first-child,
.mp-preview--catalog .mp-kanban-column .mp-task:last-child{display:none}
.mp-preview--catalog .mp-finance-flow{gap:8px;padding:10px}
.mp-preview--catalog .mp-finance-flow strong{font-size:12px}
.mp-preview--catalog .mp-scope-note{font-size:10px;line-height:1.45}
.mp-preview--catalog .mp-ai-prompt{padding:10px;margin-block-end:10px}
.mp-preview--catalog .mp-agent-steps>li{padding-block:9px}
@media(max-width:900px){
 .brand-site .os-catalog .os-catalog-grid>article{grid-template-columns:minmax(0,1fr);gap:32px}
 .brand-site .os-catalog .os-catalog-tabs{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;margin-block-end:32px;padding-block:5px 12px}
 .brand-site .os-catalog .os-catalog-tabs button{flex:none}
 .brand-site .os-catalog .os-module-copy>strong{font-size:30px}
 .brand-site .os-catalog .os-module-copy>p{max-width:600px}
 .mp-preview.mp-preview--catalog{width:100%;max-width:620px;justify-self:center}
}
@media(max-width:600px){
 .brand-site .os-catalog>.wrap{width:calc(100% - 36px)}
 .brand-site .os-catalog .os-catalog-tabs button{font-size:12px;min-height:44px;padding:8px 10px}
 .brand-site .os-catalog .os-module-label{margin-block-end:18px}
 .brand-site .os-catalog .os-module-copy>strong{font-size:28px}
 .brand-site .os-catalog .os-module-copy>p{font-size:16px;margin-block:18px 22px}
 .mp-preview.mp-preview--catalog{min-height:350px;padding-block-start:min(var(--card-top),120px)}
 .mp-preview.mp-preview--catalog .mp-photo{height:300px}
 .mp-preview.mp-preview--catalog .mp-interface{width:84%;margin-inline-start:min(var(--card-offset),16%);padding:12px;border-radius:12px}
 .mp-preview--catalog:after{height:300px;width:7px}
 .mp-preview--catalog .mp-table{font-size:10px}
 .mp-preview--catalog .mp-panel-heading>strong{font-size:15px}
 .mp-preview--catalog .mp-disclosure{max-width:80%}
}

/* Service pages reuse the same native product UI as the app catalog. */
.service-product-preview{padding-block:64px 88px;background:#faf8f5;color:#29251f}
.service-product-preview>.wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(30px,5vw,80px);max-width:1180px}
.service-product-preview .service-product-preview-copy .eyebrow{color:#8b8577;font-size:10px;letter-spacing:.1em}
.service-product-preview .service-product-preview-copy h2{color:#29251f;font-size:clamp(30px,3.5vw,48px);line-height:1.08;letter-spacing:-.045em;margin-block:17px 23px}
.service-product-preview .service-product-preview-copy>p:not(.eyebrow){color:#797268;font-size:15px;line-height:1.75;max-width:430px}
.service-product-preview .service-product-preview-link{display:inline-flex;align-items:center;gap:14px;margin-block-start:22px;color:#29251f;font-size:14px;font-weight:550;text-decoration:none;border-block-end:1px solid #c5bfae;padding-block-end:6px}
.service-product-preview .service-product-preview-link:hover{border-color:#29251f}
.service-product-preview .service-product-preview-link:focus-visible{outline:2px solid #797f61;outline-offset:5px}
@media(max-width:800px){.service-product-preview{padding-block:42px 56px}.service-product-preview>.wrap{grid-template-columns:1fr;gap:28px}.service-product-preview .service-product-preview-copy>p:not(.eyebrow){max-width:600px}.service-product-preview .mp-preview{max-width:660px;justify-self:center}}