.marketing{--mk-ink:#eef3ee;--mk-muted:#a6b3ad;--mk-line:#ffffff18;--mk-green:#a9e8bb;color:var(--mk-ink);max-width:1500px;margin:auto;padding:8px 0 36px;font-family:inherit}
.mk-hero{display:flex;justify-content:space-between;gap:40px;align-items:center;padding:30px 0 32px}.mk-eyebrow{font-size:10px!important;font-weight:700;letter-spacing:.17em;color:#a9c5b6!important;margin:0 0 14px!important}.mk-hero h1{font-size:clamp(30px,3.4vw,52px);line-height:1.12;letter-spacing:-.04em;margin:0 0 20px;font-weight:500}.mk-hero h1 em{font-family:Georgia,serif;font-weight:400;color:#c1dfb0}.mk-hero p{color:var(--mk-muted);max-width:650px;font-size:14px;line-height:1.65}.mk-hero-controls{min-width:240px;display:grid;gap:14px}.marketing label{display:grid;gap:8px;font-size:12px;color:#b8c7be}.marketing select,.marketing input,.marketing textarea{background:#17231f;border:1px solid #ffffff26;border-radius:9px;padding:12px;color:#f1f6f1;font:inherit;width:100%;box-sizing:border-box}.marketing textarea{min-height:100px;resize:vertical;line-height:1.6}.marketing :focus-visible{outline:2px solid #c5efb4;outline-offset:3px}.mk-live{font-size:10px;color:#a8cbb5}.mk-button{border:1px solid #ffffff29;background:#ffffff07;border-radius:8px;padding:10px 15px;cursor:pointer;color:#dbe6dc;font-size:12px;line-height:1.4;display:inline-flex;gap:8px;align-items:center;justify-content:center;text-decoration:none!important;min-height:40px}.mk-button:hover{background:#ffffff13;border-color:#a6c7ab}.mk-button.primary{background:#c2e4ab;color:#17271b;border-color:#c2e4ab;font-weight:700}.mk-button:disabled{opacity:.45;cursor:not-allowed}.mk-topline{display:flex;gap:24px;flex-wrap:wrap;border-top:1px solid var(--mk-line);border-bottom:1px solid var(--mk-line);padding:16px 0;font-size:11px;color:#b6c2bc}.mk-topline span:last-child{margin-left:auto;color:#b3d2bb}.mk-tabs{display:flex;gap:25px;border-bottom:1px solid var(--mk-line);margin-bottom:22px;overflow-x:auto}.mk-tabs button{border:0;background:none;color:#9daea5;white-space:nowrap;padding:20px 0 16px;font-size:12px;cursor:pointer;border-bottom:2px solid transparent}.mk-tabs button.selected{color:#dbefcc;border-bottom-color:#b6d99f}.mk-notice:empty{display:none}.mk-notice{padding:12px 16px;background:#5e74532b;border:1px solid #b5d69b33;border-radius:8px;font-size:13px;margin-bottom:18px}.mk-panel{background:linear-gradient(135deg,#17221ee8,#101c19f0);border:1px solid var(--mk-line);border-radius:15px;padding:25px;margin-bottom:20px;min-width:0}.mk-panel h2{font-size:23px;line-height:1.25;font-weight:500;letter-spacing:-.02em;margin:0 0 16px}.mk-panel h3{font-size:14px;font-weight:600;margin:22px 0 10px}.mk-panel p{font-size:13px;line-height:1.75;color:#b5c4ba;margin:12px 0}.mk-panel a{color:#c5e2b4}.mk-panel small,.mk-muted{font-size:11px!important;line-height:1.6;color:#9baa9f!important}.mk-pill{display:inline-flex;font-size:10px;letter-spacing:.02em;padding:6px 10px;border:1px solid #c3d8b329;border-radius:99px;background:#b5d8ae0b;color:#c2d7bd;text-transform:capitalize}.mk-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin:6px 0 22px}.mk-section-head h2{margin:0 0 8px}.mk-section-head p{font-size:13px;color:var(--mk-muted);max-width:700px;line-height:1.6}.mk-bottom-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:20px}.mk-loop-list{list-style:none;padding:0;margin:0;display:grid;gap:16px}.mk-loop-list li{display:flex;gap:18px;font-size:12px;align-items:center}.mk-loop-list b{color:#c8dca6;font-size:11px}
.mk-world-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px;margin-bottom:22px;align-items:start}
.mk-campus{border:1px solid #c8dac426;border-radius:18px;position:relative;overflow:hidden;background:#15251e;min-width:0}
.mk-campus-sign{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 22px;font-size:10px;letter-spacing:.16em;color:#d2e2cb}
.mk-campus-sign b{font-size:10px;letter-spacing:0;border:1px solid #aed19b35;padding:7px 12px;border-radius:100px;white-space:nowrap}
.mk-office-stage{position:relative;width:100%;isolation:isolate;background:#fbfcfa;overflow:hidden}
.mk-office-art{display:block;width:100%;height:auto}
.mk-floor-agent{position:absolute;left:var(--x);top:var(--y);width:8%;min-width:28px;max-width:90px;transform:translate(-50%,-100%);z-index:var(--depth)}
.mk-person{background:none;border:0;padding:0;display:block;width:100%;color:#fff;cursor:pointer;position:relative;border-radius:50%;outline-offset:4px}
.mk-person-art{width:100%;aspect-ratio:65/82;display:block;position:relative;filter:drop-shadow(0 5px 3px #17231465)}
.mk-person-art img{height:100%;width:100%;object-fit:contain;display:block}
.mk-person-art i{position:absolute;bottom:5%;left:20%;width:60%;height:10%;border:1px solid #faf6d4a8;border-radius:50%;background:#152a2440;z-index:-1}
.mk-floor-agent .mk-person strong,.mk-floor-agent .mk-person small{display:none;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;background:#13291ff5;color:#f4f5e6;padding:6px 8px;border-radius:6px;font-size:10px;line-height:1.3;box-shadow:0 2px 8px #0003}
.mk-floor-agent .mk-person strong{bottom:100%;font-weight:500}.mk-floor-agent .mk-person small{top:100%;font-size:9px}
.mk-floor-agent:has(.mk-person:hover),.mk-floor-agent:has(.mk-person:focus-visible){z-index:100}
.mk-person:hover strong,.mk-person:focus-visible strong,.mk-person.selected strong{display:block}
.mk-person.selected small{display:block}
.mk-person.selected .mk-person-art i{border-color:#f8f0a5;box-shadow:0 0 10px #d6d78d;background:#efdf8170}
.mk-person:hover .mk-person-art{filter:drop-shadow(0 6px 4px #17231499)}
.mk-person.working .mk-person-art{animation:mk-work 2.2s ease-in-out infinite}
.mk-person.working .mk-person-art i{box-shadow:0 0 15px #b9f28c;background:#b9f28c70}
.mk-office-roster{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:18px}
.mk-office-roster button{display:grid;grid-template-columns:5px minmax(0,1fr);gap:5px 8px;align-items:center;padding:10px 9px;background:#ffffff03;border:1px solid #d0e2c61c;border-radius:7px;color:#c9d8c7;cursor:pointer;text-align:left;min-height:48px}
.mk-office-roster button.selected{background:#c5dfad16;border-color:#c5dfad55}.mk-office-roster button:hover{background:#c5dfad10}
.mk-office-roster i{height:5px;width:5px;border-radius:50%;background:#657d6b}
.mk-office-roster .working i{background:#d2f4a4;box-shadow:0 0 8px #b9f28c}
.mk-office-roster span{font-size:10px;overflow-wrap:anywhere}.mk-office-roster small{grid-column:2;font-size:8px;color:#96ad9a}
.mk-campus-note{padding:0 18px 18px;color:#8fa793;font-size:9px;line-height:1.6;text-align:center}
.mk-inspector{margin:0;display:flex;align-items:flex-start;flex-direction:column;gap:7px;padding:22px}.mk-inspector .mk-portrait{height:135px;width:100%;object-fit:contain;object-position:center}.mk-inspector h2{font-size:21px;margin:0}.mk-inspector>p{font-size:12px;line-height:1.65}.mk-inspector .mk-button{width:100%;box-sizing:border-box}.mk-inspector-state{border-top:1px solid var(--mk-line);padding:16px 0 6px;width:100%;font-size:12px;display:flex;align-items:center;gap:8px}.mk-inspector-state i{height:6px;width:6px;border-radius:50%;background:#788d7b}.mk-inspector-state i.active{background:#c8f8a7;box-shadow:0 0 10px #c8f8a7}.mk-receipt{display:grid;gap:8px;border-left:2px solid #aec893;padding-left:12px;margin:6px 0 12px}.mk-receipt strong{font-size:12px}.mk-receipt span{font-size:10px;color:#a6bba9}.mk-campaign-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px}.mk-campaign-list{display:grid;align-content:start;gap:10px}.mk-campaign-list button,.mk-brand-list button{border:1px solid var(--mk-line);border-radius:10px;text-align:left;background:#17251e;color:#dce8dc;padding:15px;display:grid;gap:9px;cursor:pointer}.mk-campaign-list button.selected,.mk-brand-list button.selected{border-color:#bfdd9e88;background:#273d2b}.mk-campaign-list span{font-size:10px;color:#a9c7aa;text-transform:capitalize}.mk-campaign-list strong{font-size:13px;line-height:1.5;font-weight:500}.mk-campaign-list small{font-size:10px;color:#94a998}.mk-pipeline{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.mk-pipeline>div{border:1px solid var(--mk-line);border-radius:10px;padding:13px;display:grid;gap:10px;background:#ffffff03}.mk-pipeline small{text-transform:capitalize}.mk-pipeline b{font-size:12px;text-transform:capitalize}.mk-pipeline .working{border-color:#a9dd9555;background:#a9dd9510}.mk-assets{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:22px 0}.mk-assets figure{margin:0;overflow:hidden;border:1px solid var(--mk-line);border-radius:10px;background:#e8e5dc}.mk-assets img{width:100%;height:230px;object-fit:contain;display:block}.mk-assets figcaption{font-size:10px;color:#d4e3d5;background:#16261d;padding:12px;overflow-wrap:anywhere}.mk-assets a{display:block;margin-top:6px}.mk-draft{border-top:1px solid var(--mk-line);padding:18px 0}.mk-draft header{display:flex;gap:15px;align-items:center}.mk-copy{white-space:pre-wrap;overflow-wrap:anywhere}.mk-draft-files{display:flex;gap:15px;font-size:11px;margin:12px 0}.mk-limits,.mk-review{border-left:2px solid #a6bc85;padding:1px 18px;margin:20px 0;background:#cfe1a407}.mk-panel li{font-size:12px;line-height:1.7;color:#b8caba;margin:8px 0}.mk-panel details{margin:18px 0;border-top:1px solid var(--mk-line);padding-top:15px}.mk-panel summary{cursor:pointer;font-size:12px;color:#d1dfc8}.mk-actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 12px}.mk-brand-list{display:grid;gap:10px}.mk-brand-list button{grid-template-columns:1fr auto}.mk-brand-list strong{font-size:12px;font-weight:500}.mk-brand-list small{text-transform:capitalize}.mk-research-grid,.mk-access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.mk-research-grid .mk-panel{margin:0}.mk-research-grid h3{margin-top:16px}.mk-table-scroll{overflow:auto}.marketing table{width:100%;border-collapse:collapse;font-size:11px;line-height:1.65;min-width:780px}.marketing th,.marketing td{padding:16px 12px;border-bottom:1px solid var(--mk-line);text-align:left;vertical-align:top;color:#b4c8b8}.marketing th{color:#dce9d7;font-weight:500}.marketing td small{display:block;margin-top:8px}.mk-connection{display:grid;gap:7px;padding:16px 0;border-bottom:1px solid var(--mk-line);font-size:12px}.mk-connection span{color:#b1c6b5}.mk-tool-list{font-size:10px!important;overflow-wrap:anywhere}.mk-form-panel{max-width:780px;margin:0 auto}.mk-form-panel form{display:grid;gap:20px}.mk-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mk-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}.mk-stats>div{display:grid;gap:10px}.mk-stats strong{font-size:24px;font-weight:500}.mk-empty{text-align:center;padding:50px 25px}.mk-empty p{max-width:650px;margin:15px auto 25px}@keyframes mk-work{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media(max-width:1100px){.mk-world-layout{grid-template-columns:1fr}.mk-inspector{display:grid;grid-template-columns:140px 1fr;align-items:center}.mk-inspector .mk-portrait{grid-row:2/5}.mk-inspector .mk-eyebrow{grid-column:1/-1}.mk-inspector>small,.mk-inspector .mk-receipt{grid-column:1/-1}.mk-hero{gap:20px}.mk-hero h1{font-size:36px}.mk-campaign-layout{grid-template-columns:1fr}.mk-campaign-list{display:flex;overflow:auto}.mk-campaign-list button{min-width:200px;max-width:240px}}
@media(max-width:650px){.mk-hero{display:block;padding-top:12px}.mk-hero h1{font-size:31px}.mk-hero-controls{margin-top:24px}.mk-topline{gap:14px}.mk-topline span:last-child{margin-left:0}.mk-tabs{gap:22px}.mk-panel{padding:20px}.mk-bottom-grid,.mk-research-grid,.mk-access-grid{grid-template-columns:1fr}.mk-inspector{grid-template-columns:100px 1fr}.mk-inspector .mk-portrait{height:110px}.mk-inspector-state{grid-column:1/-1}.mk-inspector>p{grid-column:1/-1}.mk-section-head{display:block}.mk-section-head>.mk-button{margin-top:15px}.mk-form-grid{grid-template-columns:1fr}.mk-pipeline{gap:6px}.mk-pipeline>div{padding:10px 7px}.mk-pipeline .mk-button{padding:7px;font-size:10px}.mk-assets img{height:220px}.mk-stats{grid-template-columns:1fr 1fr}}


/* Fit the actual content pane, including the desktop app's narrow browser panel. */
.marketing{container:marketing / inline-size;min-width:0}

.mk-hero>div{min-width:0}
@container marketing (max-width:1000px){
 .mk-world-layout{grid-template-columns:minmax(0,1fr)}
 .mk-campaign-layout{grid-template-columns:minmax(0,1fr)}
 .mk-campaign-list{display:flex;overflow:auto}
 .mk-campaign-list button{min-width:200px;max-width:240px}
}
@container marketing (max-width:780px){
 .mk-hero{flex-direction:column;align-items:stretch;gap:12px;padding:18px 0 24px}
 .mk-hero h1{font-size:36px;max-width:650px}
 .mk-hero-controls{grid-template-columns:1fr 1fr;align-items:end;min-width:0}
 .mk-live{grid-column:1/-1}
 .mk-bottom-grid,.mk-research-grid,.mk-access-grid{grid-template-columns:minmax(0,1fr)}
 .mk-topline{gap:12px}.mk-topline span:last-child{margin-left:0}
 .mk-section-head{flex-wrap:wrap}
}
@container marketing (max-width:560px){
 .mk-hero h1{font-size:32px}.mk-hero-controls{grid-template-columns:1fr}
 
 
 
 
 
 .mk-inspector{display:grid;grid-template-columns:85px minmax(0,1fr)}.mk-inspector .mk-portrait{height:100px}
 .mk-inspector>p,.mk-inspector-state,.mk-inspector>.mk-receipt,.mk-inspector>small{grid-column:1/-1}
 .mk-form-grid{grid-template-columns:1fr}.mk-panel{padding:20px}
 .mk-tabs{gap:20px}.mk-pipeline>div{padding:10px 6px}.mk-pipeline .mk-button{padding:7px;font-size:10px}
}


@container marketing (max-width:560px){.mk-office-roster{grid-template-columns:repeat(3,minmax(0,1fr));padding:12px;gap:6px}.mk-campus-sign{padding:16px 14px;font-size:8px}.mk-campus-sign b{font-size:9px;padding:6px 8px}.mk-floor-agent .mk-person strong{font-size:8px}.mk-floor-agent .mk-person small{display:none}}
@media(prefers-reduced-motion:reduce){.mk-person.working .mk-person-art{animation:none}}