:root{--m-ink:#1c1c1c;--m-berry:#000000;--m-rose:#5a5a5a;--m-coral:#006aff;--m-lime:#ebebeb;--m-paper:#ffffff;--m-bg:#f7f7f7;--m-muted:#5a5a5a;--m-line:#d8d8d8;--m-elevated:#ebebeb}body{background:var(--m-bg);color:var(--m-ink)}.mk-app{min-height:100vh;padding-bottom:86px}.mk-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px clamp(16px,4vw,58px);background:var(--m-paper);border-bottom:1px solid var(--m-line)}.mk-brand{display:flex;align-items:center;gap:11px;color:var(--m-ink);text-decoration:none}.mk-mark{display:grid;place-items:center;width:43px;height:43px;background:var(--m-elevated);border-radius:8px;font-size:22px}.mk-brand__name{display:block;font:700 17px/1.2 var(--font-display)}.mk-brand__hint{display:block;margin-top:4px;color:var(--m-muted);font-size:11px}.mk-mod{color:var(--m-berry);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.mk-top a:last-child{color:var(--m-berry);font-weight:700;font-size:13px}.mk-nav{display:flex;gap:7px;padding:9px clamp(16px,4vw,58px);background:var(--m-elevated);border-bottom:1px solid var(--m-line);overflow-x:auto}.mk-nav a{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:8px;color:var(--m-muted);font-size:13px;font-weight:750;white-space:nowrap}.mk-nav a[aria-current=page]{background:var(--m-berry);color:white}.mk-nav__n{display:grid;place-items:center;width:23px;height:23px;border:1px solid currentColor;border-radius:50%;font-size:11px}.mk-main{width:min(1180px,100%);margin:auto;padding:24px clamp(16px,4vw,52px) 50px}.mk-crumb{display:flex;align-items:center;gap:9px;margin-bottom:25px;color:var(--m-muted);font-size:12px}.mk-crumb a{color:inherit}.mk-hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:25px;padding:clamp(24px,5vw,48px);background:var(--m-berry);color:#fff;border-radius:12px;overflow:hidden;position:relative}.mk-hero:after{content:'✳';position:absolute;right:15%;top:-62px;color:#ffffff12;font:250px/1 Georgia;pointer-events:none}.mk-eyebrow{margin:0 0 9px;color:var(--m-coral);font-size:11px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.mk-hero h1{max-width:640px;margin:0 0 13px;color:#fff;font:700 clamp(31px,4vw,48px)/1.03 var(--font-display);letter-spacing:-.035em}.mk-hero p{max-width:57ch;margin:0;color:var(--m-elevated);font-size:15px}.mk-hero__visual{min-height:190px;position:relative;display:grid;place-items:center}.mk-orbit{display:grid;place-items:center;width:min(230px,50vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 33% 30%,#f2c398,#dc947a 46%,#a4495c 47%,#6b324e 72%);box-shadow:0 22px 55px #160b1938;transform:rotate(-12deg)}.mk-orbit span{font-size:78px;filter:drop-shadow(0 8px 12px #572a3740);transform:rotate(12deg)}.mk-campaigns{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:22px 0}.mk-campaign{display:flex;flex-direction:column;min-height:260px;padding:19px;background:var(--m-paper);border:1px solid var(--m-line);border-radius:12px;box-shadow:0 2px 8px #0000000a;transition:transform .18s,border-color .18s}.mk-campaign:hover{transform:translateY(-3px);border-color:var(--m-muted)}.mk-campaign__art{display:grid;place-items:center;min-height:96px;margin:-4px -4px 15px;border-radius:8px;background:var(--m-elevated);font-size:43px}.mk-campaign:nth-child(2) .mk-campaign__art{background:var(--m-elevated)}.mk-campaign:nth-child(3) .mk-campaign__art{background:var(--m-elevated)}.mk-campaign h2{margin:0 0 8px;color:var(--m-ink);font:700 20px var(--font-display)}.mk-campaign p{margin:0;color:var(--m-muted);font-size:13px}.mk-campaign__bottom{display:flex;justify-content:space-between;align-items:center;gap:9px;margin-top:auto;padding-top:16px}.mk-chip{display:inline-flex;align-self:flex-start;max-width:100%;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;background:var(--m-elevated);color:var(--m-ink);font-size:11px;font-weight:800}.mk-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 15px;border:1px solid var(--m-line);border-radius:8px;background:var(--m-paper);color:var(--m-ink);font:700 13px var(--font-sans);text-decoration:none;cursor:pointer}.mk-btn:hover{border-color:var(--m-muted);background:var(--m-elevated)}.mk-btn--primary{background:var(--m-berry);border-color:var(--m-berry);color:white}.mk-btn--primary:hover{background:var(--m-ink);color:white}.mk-section-title{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:29px 0 12px}.mk-section-title h2{margin:0;color:var(--m-ink);font:700 24px var(--font-display)}.mk-section-title p{margin:0;color:var(--m-muted);font-size:13px}.mk-note{padding:14px 16px;border-left:3px solid var(--m-coral);border-radius:0 8px 8px 0;background:var(--m-elevated);color:var(--m-muted);font-size:13px;line-height:1.55}.mk-brief{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:18px;margin-top:21px}.mk-panel{padding:21px;background:var(--m-paper);border:1px solid var(--m-line);border-radius:12px;box-shadow:0 2px 8px #0000000a}.mk-panel h2{margin:0 0 8px;font:700 22px var(--font-display)}.mk-panel>p{color:var(--m-muted);font-size:13px}.mk-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.mk-field{padding:13px;background:var(--m-elevated);border-radius:8px}.mk-field small{display:block;color:var(--m-muted);font-size:11px;text-transform:uppercase;letter-spacing:.07em}.mk-field strong{display:block;margin-top:5px;font-size:14px}.mk-creator-list{display:grid;gap:9px}.mk-creator{display:flex;align-items:center;gap:11px;width:100%;min-height:69px;padding:10px;text-align:left;border:1px solid var(--m-line);border-radius:8px;background:white;color:var(--m-ink);cursor:pointer}.mk-creator[aria-pressed=true]{border:2px solid var(--m-berry);background:var(--m-bg)}.mk-avatar{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:var(--m-elevated);color:var(--m-ink);font:700 17px var(--font-display);flex:none}.mk-creator__name{flex:1}.mk-creator__name strong,.mk-creator__name small{display:block}.mk-creator__name small{margin-top:3px;color:var(--m-muted);font-size:12px}.mk-check{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--m-elevated);color:transparent}.mk-creator[aria-pressed=true] .mk-check{background:var(--m-berry);color:white}.mk-results{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:18px 0}.mk-result{padding:16px;border-radius:12px;background:var(--m-elevated)}.mk-result strong{display:block;font:700 27px var(--font-display);color:var(--m-berry)}.mk-result span{display:block;margin-top:4px;color:var(--m-muted);font-size:11px}.mk-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:23px 0}.mk-step{position:relative;padding:0 18px 0 0}.mk-step:not(:last-child):after{content:'';position:absolute;left:22px;right:0;top:13px;border-top:1px solid var(--m-line)}.mk-step__dot{position:relative;z-index:1;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--m-lime);color:var(--m-ink);font-size:12px;font-weight:800}.mk-step strong{display:block;margin-top:9px;font-size:13px}.mk-step small{display:block;margin-top:3px;color:var(--m-muted);font-size:11px}.mk-kpi-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mk-toast{position:fixed;left:50%;bottom:80px;z-index:110;transform:translateX(-50%);max-width:min(90vw,520px);padding:12px 17px;border-radius:12px;background:var(--m-ink);color:#fff;box-shadow:0 10px 30px #00000030}.mk-toast[hidden]{display:none}.mk-footer{margin-top:21px;color:var(--m-muted);font-size:12px}.mk-btn:focus-visible,.mk-campaign:focus-visible,.mk-creator:focus-visible,.mk-nav a:focus-visible{outline:3px solid var(--m-coral);outline-offset:2px}@media(max-width:760px){.mk-top{padding:10px 14px}.mk-mod{display:none}.mk-nav{padding:8px 12px;gap:3px}.mk-nav a{padding:0 11px;font-size:12px}.mk-main{padding:17px 14px 38px}.mk-crumb{margin-bottom:16px}.mk-hero{grid-template-columns:1fr;padding:25px 21px;border-radius:12px}.mk-hero__visual{min-height:135px}.mk-orbit{width:135px}.mk-orbit span{font-size:52px}.mk-campaigns{grid-template-columns:1fr}.mk-campaign{min-height:0}.mk-campaign__art{min-height:83px}.mk-section-title{align-items:flex-start;flex-direction:column}.mk-brief{grid-template-columns:1fr}.mk-field-grid{grid-template-columns:1fr 1fr}.mk-results{grid-template-columns:1fr 1fr}.mk-result:last-child{grid-column:1/-1}.mk-panel{padding:17px}.mk-campaign__bottom{margin-top:14px}.mk-campaign__bottom .mk-btn{flex:1}.mk-timeline{gap:4px}.mk-step{padding-right:6px}.mk-step small{font-size:10px}}@media(min-width:761px) and (max-width:1024px){.mk-main{padding-left:28px;padding-right:28px}.mk-campaigns{gap:10px}.mk-campaign{padding:15px}.mk-brief{grid-template-columns:1fr 1fr}}@media(min-width:761px) and (max-width:850px){.mk-campaigns{grid-template-columns:1fr}.mk-campaign{min-height:0}}@media(min-width:761px) and (max-width:1024px){.mk-campaign__bottom .mk-btn{flex:none;white-space:nowrap}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
/* Marketing presentation: clear hierarchy, neutral Square surfaces, editorial detail. */
.mk-app .mk-mod{margin-left:auto;color:var(--sq-body);font-size:12px;font-weight:750;letter-spacing:.02em;text-transform:none}
.mk-app .mk-hero{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:36px;padding:clamp(26px,4vw,46px);background:#fff;color:var(--sq-body);border:1px solid var(--sq-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
.mk-app .mk-hero h1{max-width:14ch;margin-bottom:16px;color:var(--sq-ink);font-size:clamp(34px,4.3vw,52px);line-height:1.02;letter-spacing:-.04em}
.mk-app .mk-hero p:not(.mk-eyebrow){max-width:54ch;color:var(--sq-muted);font-size:16px;line-height:1.6}
.mk-app .mk-hero .mk-eyebrow,.mk-app .mk-eyebrow{color:var(--sq-muted);letter-spacing:.1em}
.mk-app .mk-hero .mk-btn{margin-top:22px}
.mk-system-map{position:relative;display:grid;min-height:230px;place-items:center;isolation:isolate;background:var(--sq-surface);border:1px solid var(--sq-border);border-radius:var(--radius-lg);overflow:hidden}
.mk-system-map::before,.mk-system-map::after{position:absolute;z-index:-1;content:"";width:58%;height:1px;background:var(--sq-border);transform:rotate(29deg)}
.mk-system-map::after{transform:rotate(-29deg)}
.mk-system-map__center{display:grid;place-content:center;gap:5px;width:150px;height:94px;padding:12px;text-align:center;background:#fff;border:1px solid var(--sq-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
.mk-system-map__center strong{font-size:16px}.mk-system-map__center span{color:var(--sq-muted);font-size:11px}
.mk-system-map__item{position:absolute;display:flex;align-items:center;gap:7px;min-height:40px;padding:7px 11px;background:#fff;border:1px solid var(--sq-border);border-radius:var(--radius-md);font-size:12px;font-weight:700;box-shadow:var(--shadow-sm)}
.mk-system-map__item span{color:var(--sq-muted);font-size:10px}.mk-system-map__item--one{top:18px;left:18px}.mk-system-map__item--two{right:16px;top:45%}.mk-system-map__item--three{bottom:17px;left:20%}
.mk-app .mk-capabilities{margin-top:36px}.mk-app .mk-section-title{margin:0 0 15px}.mk-app .mk-section-title h2{max-width:32ch;font-size:clamp(22px,2.4vw,28px);line-height:1.2}.mk-capability-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.mk-app .mk-capability{min-height:195px;padding:19px;background:#fff;border:1px solid var(--sq-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
.mk-capability__index{display:block;margin-bottom:20px;color:var(--sq-muted);font-size:11px;font-weight:750;letter-spacing:.1em}
.mk-capability h3{margin:0 0 8px;color:var(--sq-ink);font-size:17px;line-height:1.25}.mk-capability p{margin:0;color:var(--sq-muted);font-size:13px;line-height:1.5}.mk-capability small{display:block;margin-top:15px;color:var(--sq-body);font-size:11px;font-weight:700}
.mk-app .mk-campaign-section{margin-top:36px}.mk-app .mk-campaigns{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:0 0 22px}
.mk-app .mk-campaign{min-width:0;min-height:300px;padding:15px;border-radius:var(--radius-lg)}
.mk-app .mk-campaign__art{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;min-height:112px;margin:0 0 13px;padding:12px 14px;background:#f1f1f1;color:var(--sq-ink);border-radius:var(--radius-md);font-size:inherit}
.mk-campaign__art span{color:var(--sq-muted);font-size:11px;font-weight:700;letter-spacing:.1em}.mk-campaign__art b{font-size:17px;line-height:1.05;letter-spacing:.015em}
.mk-campaign__art--event{background:#e8e8e8}.mk-campaign__art--insight{background:#f7f7f7}
.mk-app .mk-campaign h3{margin:10px 0 7px;color:var(--sq-ink);font-size:18px;line-height:1.25}.mk-app .mk-campaign p{font-size:13px;line-height:1.5}
.mk-app .mk-campaign__bottom{align-items:flex-start;flex-direction:column;gap:9px;padding-top:14px}.mk-app .mk-campaign__bottom .mk-btn{width:100%;white-space:normal}
.mk-app .mk-status{color:var(--sq-muted);font-size:12px}.mk-app .mk-chip{border-radius:var(--radius-sm);font-size:10px;letter-spacing:.04em}
.mk-creator-band{display:flex;align-items:center;justify-content:space-between;gap:26px;margin:28px 0 20px;padding:24px 26px;background:#fff;border:1px solid var(--sq-border);border-left:4px solid var(--sq-ink);border-radius:var(--radius-lg)}
.mk-creator-band h2{max-width:24ch;margin:0 0 8px;color:var(--sq-ink);font:700 clamp(22px,2.6vw,29px)/1.15 var(--font-display)}.mk-creator-band p:not(.mk-eyebrow){max-width:74ch;margin:0;color:var(--sq-muted);font-size:14px;line-height:1.55}.mk-creator-band .mk-btn{flex:none}
.mk-creator-filter{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.mk-creator-filter button{min-height:40px;padding:0 13px;color:var(--sq-body);background:#fff;border:1px solid var(--sq-border);border-radius:var(--radius-sm);font:700 12px var(--font-sans);cursor:pointer}.mk-creator-filter button[aria-pressed=true]{color:#fff;background:var(--sq-ink);border-color:var(--sq-ink)}
.mk-app .mk-creator{min-height:76px}.mk-app .mk-creator__name small{line-height:1.4}.mk-app .mk-section-title--action{align-items:center;flex-direction:row}
.mk-app .mk-full-action{width:100%;margin-top:9px}.mk-app .mk-full-action:first-of-type{margin-top:17px}.mk-app .mk-back-link{margin-top:18px}.mk-app .mk-note{border-left-color:var(--sq-ink)}
.mk-app :is(.mk-btn,.mk-creator-filter button,.mk-nav a,.mk-creator):focus-visible{outline:3px solid var(--sq-focus);outline-offset:2px}
@media(max-width:1024px){.mk-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mk-app .mk-campaigns{grid-template-columns:repeat(2,minmax(0,1fr))}.mk-app .mk-campaign:last-child{grid-column:1/-1}.mk-app .mk-campaign:last-child .mk-campaign__bottom{flex-direction:row;align-items:center}.mk-app .mk-campaign:last-child .mk-btn{width:auto}}
@media(max-width:760px){.mk-app .mk-mod{display:none}.mk-app .mk-hero{grid-template-columns:1fr;gap:18px;padding:24px 20px}.mk-app .mk-hero h1{max-width:18ch;font-size:clamp(32px,9vw,42px)}.mk-app .mk-hero p:not(.mk-eyebrow){font-size:15px}.mk-system-map{min-height:190px}.mk-system-map__center{width:136px;height:82px}.mk-system-map__item--one{top:12px;left:12px}.mk-system-map__item--two{right:10px}.mk-system-map__item--three{bottom:12px;left:14%}.mk-app .mk-capabilities,.mk-app .mk-campaign-section{margin-top:29px}.mk-capability-grid{grid-template-columns:1fr}.mk-app .mk-capability{min-height:0;padding:17px}.mk-capability__index{margin-bottom:12px}.mk-capability small{margin-top:10px}.mk-app .mk-campaigns{grid-template-columns:1fr}.mk-app .mk-campaign:last-child{grid-column:auto}.mk-app .mk-campaign:last-child .mk-campaign__bottom{align-items:flex-start;flex-direction:column}.mk-app .mk-campaign:last-child .mk-btn{width:100%}.mk-app .mk-campaign{min-height:0;padding:16px}.mk-app .mk-campaign__bottom{align-items:flex-start}.mk-creator-band{align-items:flex-start;flex-direction:column;padding:20px}.mk-creator-band .mk-btn{width:100%}.mk-app .mk-brief{grid-template-columns:1fr}.mk-app .mk-section-title--action{align-items:stretch;flex-direction:column}.mk-app .mk-section-title--action .mk-btn{width:100%}.mk-app .mk-full-action{min-height:48px}.mk-app .mk-field-grid{grid-template-columns:1fr}.mk-app .mk-results{grid-template-columns:1fr}.mk-app .mk-result:last-child{grid-column:auto}.mk-app .mk-timeline{grid-template-columns:1fr;gap:12px}.mk-app .mk-step{display:grid;grid-template-columns:30px 1fr;column-gap:9px;padding:0}.mk-app .mk-step:not(:last-child):after{left:13px;right:auto;top:27px;bottom:-12px;width:1px;height:auto;border-top:0;border-left:1px solid var(--sq-border)}.mk-app .mk-step__dot{grid-row:span 2}.mk-app .mk-step strong{margin-top:0}.mk-app .mk-step small{grid-column:2}}
@media(min-width:761px) and (max-width:1024px){.mk-app .mk-hero{grid-template-columns:minmax(0,1.1fr) minmax(230px,.9fr);gap:20px}.mk-system-map{min-height:210px}.mk-app .mk-brief{grid-template-columns:1fr 1fr}}
.mk-app .mk-hero__stamp{display:flex;align-items:center;justify-content:center;gap:14px;min-height:150px;padding:20px;background:var(--sq-surface);border:1px solid var(--sq-border);border-radius:var(--radius-lg)}
.mk-app .mk-hero__stamp strong{color:var(--sq-ink);font:700 54px/1 var(--font-display);letter-spacing:-.05em}
.mk-app .mk-hero__stamp span{padding-left:14px;border-left:1px solid var(--sq-border);color:var(--sq-muted);font-size:12px;font-weight:750;line-height:1.45;letter-spacing:.08em}
@media(max-width:760px){.mk-app .mk-hero__stamp{justify-content:flex-start;min-height:92px;padding:14px 17px}.mk-app .mk-hero__stamp strong{font-size:42px}}

/* Social campaign example: the calendar prepares a draft for operator review. */
.mk-automation{margin-top:38px}
.mk-automation__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);align-items:start;gap:22px;padding:22px;background:#fff;border:1px solid var(--sq-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
.mk-automation__steps{display:grid;gap:9px}
.mk-automation__step{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:15px 13px;background:var(--sq-surface);border:1px solid var(--sq-border);border-radius:var(--radius-md)}
.mk-automation__number{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--sq-border);border-radius:50%;color:var(--sq-muted);font-size:11px;font-weight:800}
.mk-automation__step strong{display:block;color:var(--sq-ink);font-size:14px}
.mk-automation__step p{margin:5px 0;color:var(--sq-muted);font-size:13px;line-height:1.5}
.mk-automation__step small{color:var(--sq-body);font-size:11px;font-weight:700}
.mk-social-post{overflow:hidden;background:#fff;border:1px solid #d9dce2;border-radius:12px;color:#1c1e21;box-shadow:0 4px 16px #1c1e2110}
.mk-social-post__top{display:flex;align-items:center;gap:10px;padding:14px 15px 10px}
.mk-social-post__f{display:grid;place-items:end center;width:37px;height:37px;overflow:hidden;border-radius:50%;background:#1877f2;color:#fff;font:700 33px/1 Arial,sans-serif}
.mk-social-post__top div{display:grid;gap:3px;min-width:0;flex:1}
.mk-social-post__top strong{font-size:13px}.mk-social-post__top small{color:#65676b;font-size:10px}
.mk-social-post__status{padding:5px 8px;border-radius:999px;background:#fff3d7;color:#805500;font-size:10px;font-weight:800;white-space:nowrap}
.mk-social-post__copy{margin:0;padding:2px 15px 13px;font-size:13px;line-height:1.5}
.mk-social-post__image{display:block;width:100%;aspect-ratio:1.72;object-fit:cover;background:#e8e8e8}
.mk-social-post__link{display:grid;gap:4px;padding:11px 14px;background:#f0f2f5;border-bottom:1px solid #d9dce2}
.mk-social-post__link strong{font-size:12px}.mk-social-post__link span{color:#65676b;font-size:10px}
.mk-social-post__actions{display:flex;justify-content:space-around;gap:8px;padding:10px 9px;color:#65676b;font-size:11px;font-weight:700}
.mk-social-post__notice{margin:0;padding:9px 13px;border-top:1px solid #e4e6eb;background:#fafafa;color:#65676b;font-size:10px;line-height:1.45}
.mk-output{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,.8fr);align-items:start;gap:18px;margin-top:28px}
.mk-output>.mk-section-title{display:block;margin:0}
.mk-output>.mk-section-title p:last-child{margin-top:8px;max-width:46ch;line-height:1.5}
.mk-output .mk-social-post{width:100%;max-width:500px;justify-self:end}
.mk-automation__output{display:grid;gap:11px;min-width:0}
.mk-ecosystem-kit{padding:13px 14px;background:#f8f8f8;border:1px solid var(--sq-border);border-radius:var(--radius-md)}
.mk-ecosystem-kit__label{margin:0 0 8px;color:var(--sq-muted);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.mk-ecosystem-kit__item{display:flex;align-items:center;gap:9px;padding:8px 0;border-top:1px solid var(--sq-border)}
.mk-ecosystem-kit__item>span{display:grid;place-items:center;width:27px;height:27px;flex:none;border-radius:50%;background:#fff;border:1px solid var(--sq-border);color:var(--sq-ink);font-size:10px;font-weight:800}
.mk-ecosystem-kit__item div{display:grid;gap:2px}.mk-ecosystem-kit__item strong{color:var(--sq-ink);font-size:11px}.mk-ecosystem-kit__item small{color:var(--sq-muted);font-size:10px}
.mk-ecosystem-kit__foot{margin:8px 0 0;color:var(--sq-muted);font-size:10px}
.mk-social-post__bundle{display:flex;flex-wrap:wrap;gap:6px;padding:9px 12px;background:#fff}
.mk-social-post__bundle span{padding:5px 7px;border:1px solid #e4e6eb;border-radius:999px;color:#52565c;font-size:10px;line-height:1.25}
.mk-app .mk-creator-band{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:stretch;gap:25px;margin:30px 0 20px;padding:14px;border-left:1px solid var(--sq-border)}
.mk-production-scene{position:relative;min-height:360px;margin:0;overflow:hidden;border-radius:var(--radius-md);background:#24211c}
.mk-production-scene::after{position:absolute;inset:35% 0 0;content:"";background:linear-gradient(transparent,rgba(10,10,10,.75))}
.mk-production-scene img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.mk-production-scene figcaption{position:absolute;z-index:1;right:17px;bottom:16px;left:17px;display:grid;gap:4px;color:white}
.mk-production-scene figcaption span{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.8}
.mk-production-scene figcaption strong{font:700 19px/1.2 var(--font-display)}
.mk-production-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:13px 14px 13px 0}
.mk-production-copy h2{max-width:23ch;margin:0 0 10px;color:var(--sq-ink);font:700 clamp(23px,2.5vw,31px)/1.14 var(--font-display)}
.mk-production-copy>p:not(.mk-eyebrow){margin:0;color:var(--sq-muted);font-size:13px;line-height:1.6}
.mk-production-deliverables{display:grid;width:100%;gap:0;margin:17px 0;padding:0;list-style:none;border-top:1px solid var(--sq-border)}
.mk-production-deliverables li{display:grid;grid-template-columns:30px 1fr;column-gap:9px;padding:10px 0;border-bottom:1px solid var(--sq-border)}
.mk-production-deliverables li>span{grid-row:span 2;display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--sq-border);border-radius:50%;color:var(--sq-muted);font-size:9px;font-weight:800}
.mk-production-deliverables strong{color:var(--sq-ink);font-size:12px}.mk-production-deliverables small{margin-top:2px;color:var(--sq-muted);font-size:11px}
.mk-production-footer{display:flex;align-items:center;flex-wrap:wrap;gap:7px;width:100%}.mk-production-footer .mk-btn{margin-left:auto;white-space:nowrap}
@media(max-width:1024px){.mk-app .mk-creator-band{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:16px}.mk-production-scene{min-height:330px}.mk-production-copy{padding:10px 5px 10px 0}.mk-production-footer .mk-btn{margin:7px 0 0;width:100%}}
@media(max-width:760px){.mk-app .mk-creator-band{grid-template-columns:1fr;gap:14px;padding:12px}.mk-production-scene{min-height:0;aspect-ratio:1.42}.mk-production-copy{padding:5px 4px 7px}.mk-production-copy h2{max-width:20ch;font-size:26px}.mk-production-footer .mk-btn{margin:5px 0 0;width:100%}}
@media(max-width:760px){.mk-automation{margin-top:29px}.mk-automation__layout{grid-template-columns:1fr;gap:16px;padding:14px}.mk-social-post__image{aspect-ratio:1.5}}
@media(max-width:760px){.mk-output{grid-template-columns:1fr;gap:13px;margin-top:25px}.mk-output .mk-social-post{max-width:none;justify-self:stretch}}

/* Photo-led campaign choices and an analytics-based event suggestion. */
.mk-insight-suggestion{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.88fr);gap:14px;margin:0 0 18px}
.mk-attendance-card,.mk-event-recommendation{min-width:0;padding:18px;background:#fff;border:1px solid var(--sq-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
.mk-attendance-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.mk-attendance-card__head .mk-eyebrow,.mk-event-recommendation .mk-eyebrow{margin-bottom:5px}
.mk-attendance-card__head h3{max-width:27ch;margin:0;color:var(--sq-ink);font:700 18px/1.2 var(--font-display)}
.mk-period-tag{padding:5px 8px;border-radius:999px;background:var(--sq-surface);color:var(--sq-muted);font-size:9px;font-weight:800;white-space:nowrap}
.mk-attendance-card__caption{margin:11px 0 0;color:var(--sq-muted);font-size:11px}
.mk-attendance-chart{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:12px;height:105px;margin:8px 0 12px;padding:0 6px;border-bottom:1px solid var(--sq-border);background:repeating-linear-gradient(to bottom,transparent 0,transparent 25px,#edf0f1 26px)}
.mk-attendance-chart__day{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;height:100%}
.mk-attendance-chart__day>span{display:block;width:min(26px,70%);height:var(--bar-height);min-height:8px;border-radius:5px 5px 0 0;background:#b9c2bc}
.mk-attendance-chart__day.is-low>span{background:#d68a56;box-shadow:0 0 0 3px #d68a561c}
.mk-attendance-chart__day small{transform:translateY(17px);color:var(--sq-muted);font-size:9px;font-weight:700}
.mk-attendance-card__finding{display:flex;align-items:flex-start;gap:9px;margin-top:18px;padding:11px;background:#fbf4ee;border-radius:var(--radius-md)}
.mk-attendance-card__finding-mark{display:grid;place-items:center;width:25px;height:25px;flex:none;border-radius:50%;background:#fff;color:#9c552d;font-weight:900}
.mk-attendance-card__finding div{display:grid;gap:4px}.mk-attendance-card__finding strong{color:var(--sq-ink);font-size:12px}.mk-attendance-card__finding small{color:var(--sq-muted);font-size:10px;line-height:1.45}
.mk-event-recommendation{display:flex;flex-direction:column;align-items:flex-start;border-top:3px solid #a66c42}
.mk-event-recommendation__top{display:flex;align-items:center;gap:9px}.mk-event-recommendation__top>div{display:grid;gap:2px}
.mk-event-recommendation__spark{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f7eee7;color:#925b35;font-size:18px}
.mk-recommendation-badge{color:#8b5836;font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.mk-event-recommendation h3{margin:12px 0 6px;color:var(--sq-ink);font:700 21px/1.15 var(--font-display)}
.mk-event-recommendation>p{margin:0;color:var(--sq-muted);font-size:12px;line-height:1.5}
.mk-event-recommendation__facts{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}
.mk-event-recommendation__facts span{padding:6px 8px;border-radius:6px;background:var(--sq-surface);color:var(--sq-body);font-size:10px;font-weight:750}
.mk-event-recommendation__plan{display:grid;gap:4px;margin-bottom:13px;padding:10px 11px;border-left:2px solid #a66c42;background:#fbf8f5}
.mk-event-recommendation__plan strong{color:var(--sq-ink);font-size:10px}.mk-event-recommendation__plan span{color:var(--sq-muted);font-size:10px;line-height:1.45}
.mk-event-recommendation>.mk-btn{width:100%;margin-top:auto}
.mk-event-recommendation__note{margin-top:8px;color:var(--sq-muted);font-size:9px;line-height:1.4}
.mk-app .mk-campaign__art.mk-campaign__art--social,.mk-app .mk-campaign__art.mk-campaign__art--event,.mk-app .mk-campaign__art.mk-campaign__art--insight{position:relative;display:flex;min-height:0;aspect-ratio:1.85;align-items:flex-end;justify-content:flex-start;gap:8px;overflow:hidden;padding:13px;background:#34302b}
.mk-app .mk-campaign__art.mk-campaign__art--social::after,.mk-app .mk-campaign__art.mk-campaign__art--event::after,.mk-app .mk-campaign__art.mk-campaign__art--insight::after{position:absolute;inset:35% 0 0;content:"";background:linear-gradient(transparent,rgba(0,0,0,.72))}
.mk-campaign__art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.mk-campaign:hover .mk-campaign__art img{transform:scale(1.035)}
.mk-campaign__art span,.mk-campaign__art b{position:relative;z-index:1;color:#fff;text-shadow:0 1px 5px #0008}
.mk-campaign__art span{display:grid;place-items:center;width:24px;height:24px;flex:none;border:1px solid #ffffffa6;border-radius:50%;font-size:9px}
.mk-campaign__art b{font-size:11px;line-height:1.2;letter-spacing:.06em}
@media(max-width:1024px){.mk-insight-suggestion{grid-template-columns:1fr 1fr}.mk-attendance-card,.mk-event-recommendation{padding:15px}}
@media(max-width:760px){.mk-insight-suggestion{grid-template-columns:1fr;gap:10px}.mk-attendance-card,.mk-event-recommendation{padding:15px}.mk-attendance-chart{height:93px;gap:8px}.mk-attendance-card__head h3{font-size:17px}.mk-app .mk-campaign__art.mk-campaign__art--social,.mk-app .mk-campaign__art.mk-campaign__art--event,.mk-app .mk-campaign__art.mk-campaign__art--insight{aspect-ratio:2.2}.mk-campaign__art b{font-size:12px}}