.marketing-intro{position:relative;overflow:hidden;background:linear-gradient(125deg,#e8f6ee 0%,#f5f8f5 72%);border-color:#c7dfd4}
.marketing-intro .eyebrow{font-size:.73rem;margin:0 0 12px;color:#09665f;letter-spacing:.15em}
.marketing-intro h2{font-size:clamp(1.55rem,3vw,2.1rem);margin-bottom:12px}
.marketing-intro>p{max-width:710px}
.marketing-kit .button-row{flex-wrap:wrap}
.marketing-options>summary{font-size:1rem;font-weight:650;cursor:pointer;line-height:1.6}
.marketing-options[open]>summary{margin-bottom:16px}
.marketing-link-details{margin-top:22px!important}
.marketing-extra-downloads{margin-top:24px!important;border-top:1px solid #dbe6e2;padding-top:18px}
.marketing-extra-downloads .button-row{margin-top:14px}
.marketing-options .field{min-width:0}
.marketing-settings{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:16px;align-items:start}
.marketing-settings select{max-width:100%;text-overflow:ellipsis}
.marketing-platforms{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:24px 0 16px}
.marketing-platform{border:1px solid #d3dfd9;border-radius:11px;padding:16px 8px;background:#fff;color:#385b5c;font-size:.95rem;font-weight:700;min-height:52px}
.marketing-platform[aria-pressed=true]{background:#09665f;color:#fff;border-color:#09665f;box-shadow:0 4px 10px #173b3014}
.marketing-platform:hover:not(:disabled):not([aria-pressed=true]){border-color:#09665f;background:#edf6f1}
.marketing-workbench>h2{font-size:1.5rem}
.marketing-layout{display:grid;grid-template-columns:minmax(260px,.88fr) minmax(320px,1.12fr);gap:30px;align-items:start;margin-top:18px}
.marketing-visual,.marketing-visual-column,.marketing-words{min-width:0}
.marketing-messaging{grid-template-columns:minmax(300px,1.1fr) minmax(280px,.9fr)}
.marketing-link-preview-section h3{font-size:1rem;margin:0 0 12px}
.marketing-link-preview{display:block;color:#17313c;text-decoration:none;border:1px solid #cbded5;border-radius:13px;overflow:hidden;background:#fff;box-shadow:0 7px 20px #173b3010}
.marketing-link-preview:hover{border-color:#09665f;box-shadow:0 9px 24px #173b3020}
.marketing-link-preview:focus-visible{outline:3px solid #09665f;outline-offset:4px}
.marketing-link-preview[aria-disabled=true]{opacity:.65;cursor:default;pointer-events:none}
.marketing-link-preview img{display:block;width:100%;height:auto;aspect-ratio:1200/628;object-fit:contain;background:#113a3e}
.marketing-link-preview-copy{display:flex;flex-direction:column;gap:5px;padding:15px 18px;line-height:1.45}
.marketing-link-preview-copy strong{font-size:1.15rem}
.marketing-link-preview-copy>span:last-child{font-size:.86rem;color:#4c686b}
.marketing-link-preview-domain{font-size:.74rem;letter-spacing:.02em;color:#4c686b}
.marketing-link-preview-section>.page-note{margin-top:12px;font-size:.82rem}
.marketing-image-options{border-top:1px solid #dbe6e2;padding-top:18px;margin-top:22px}
.marketing-image-options>summary{font-size:.95rem;font-weight:650;line-height:1.55;cursor:pointer}
.marketing-image-options[open]>summary{margin-bottom:18px}
.marketing-messaging .marketing-preview{max-height:520px}
.marketing-messaging .marketing-preview>canvas{max-height:460px}
.marketing-messaging #marketing-caption{min-height:172px}
.marketing-preview{min-height:300px;max-height:680px;display:flex;align-items:center;justify-content:center;background:#e7eeea;border:1px solid #d5e2da;border-radius:12px;overflow:hidden;margin:12px 0 16px;padding:18px}
.marketing-preview>p{padding:14px;text-align:center}
.marketing-preview>canvas{display:block;max-width:100%;max-height:620px;width:auto;height:auto;box-shadow:0 8px 24px #17313c26}
.marketing-words textarea{line-height:1.6;resize:vertical;overflow-wrap:anywhere}
#marketing-link{font-size:.84rem;overflow-wrap:anywhere;word-break:break-word;background:#f5f9f6}
.marketing-placement{font-size:.86rem;color:#4c686b;border-left:3px solid #86b4a3;padding-left:13px;margin:18px 0!important;line-height:1.7}
.marketing-video{border-top:1px solid #dbe6e2;padding-top:20px;margin-top:26px!important}
.marketing-video>video{display:block;width:100%;max-width:300px;aspect-ratio:9/16;background:#122e35;border-radius:10px;margin:18px 0}
.marketing-video>.button{display:flex;width:fit-content}
.marketing-script{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:.85rem;line-height:1.7;color:#4c686b;background:#f4f8f5;border-radius:10px;padding:18px;margin-top:18px}
@media(max-width:850px){.marketing-platforms{grid-template-columns:repeat(4,minmax(0,1fr))}.marketing-settings{grid-template-columns:1fr 1fr}.marketing-settings>.field:last-child{grid-column:1/-1}.marketing-layout{gap:22px;grid-template-columns:minmax(220px,.85fr) minmax(270px,1.15fr)}}
@media(max-width:680px){.marketing-platforms{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.marketing-platform{padding:12px 6px;font-size:.86rem}.marketing-layout{grid-template-columns:1fr}.marketing-preview{max-height:520px}.marketing-preview>canvas{max-height:470px}.marketing-settings{grid-template-columns:1fr;gap:0}.marketing-settings>.field:last-child{grid-column:auto}.marketing-visual .button-row>.button,.marketing-words .button-row>.button{flex:1;min-height:46px}.marketing-video>video{margin-inline:auto}.marketing-kit .field input,.marketing-kit .field select,.marketing-kit .field textarea{font-size:16px}}
@media(max-width:420px){.marketing-platforms{grid-template-columns:repeat(2,minmax(0,1fr))}.marketing-extra-downloads .button-row>.button{width:100%}.marketing-preview{padding:10px}}
