/* AI Marketing only. Existing website and feature-detail styles are reused unchanged. */
.marketing-hero{max-width:1400px;margin:auto;padding:38px 4.55%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:44px;background:linear-gradient(115deg,#f5f4ff,#edf4ff)}
.marketing-label{display:flex;align-items:center;gap:14px;color:#5740ee;font-size:26px;font-weight:700}
.marketing-available{display:inline-block;margin-top:22px;font-size:13px;font-weight:600;letter-spacing:.4px;color:#5740ee}
.marketing-intro h1{font-size:43px;line-height:1.12;letter-spacing:-1.3px;margin:12px 0 18px}
.marketing-subtitle{font-size:18px;line-height:1.5;color:#647087}
.marketing-visual{margin:0;min-width:0}
.marketing-image-scroll{overflow-x:auto;border-radius:12px;scrollbar-width:thin;scrollbar-color:#a59be7 #eeebff}
.marketing-image-scroll:focus-visible{outline:3px solid #5740ee;outline-offset:4px}
.marketing-visual img{display:block;width:100%;height:auto}
.marketing-visual figcaption{display:none}
.marketing-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 24px;padding:0 0 0 19px;margin:0 0 22px;color:#647087;font-size:16px;line-height:1.55}
.marketing-list li::marker{color:#7563ff}
.ai-explanation .marketing-process{background:#f5f4ff;border:1px solid #e7e3fb;border-radius:10px;padding:16px 18px;color:#5740ee;line-height:1.8}
.ai-explanation .marketing-scheduling{display:inline-block;padding:12px 16px;background:#f2efff;border:1px solid #ded7fd;border-radius:10px;font-size:14px;color:#5740ee}
.marketing-workflow{list-style:none;padding:0;margin:0 0 27px;display:flex;flex-direction:column;gap:28px;max-width:480px}
.marketing-workflow li{position:relative;padding:15px 18px;border:1px solid #e4def9;border-radius:10px;background:#f6f4ff;color:#5740ee;text-align:center;font-size:14px;font-weight:600;letter-spacing:.5px}
.marketing-workflow li:not(:last-child):after{content:'↓';position:absolute;top:100%;left:calc(50% - 6px);height:28px;line-height:28px;color:#9b8de1;font-size:21px;font-weight:400}
.marketing-cta{padding:28px 4%;gap:24px;align-items:center}
.marketing-cta>div:first-child{flex:1}
.marketing-cta h2{line-height:1.2}
.marketing-cta p{line-height:1.55;max-width:650px}
.marketing-cta .marketing-cta-actions{display:flex;flex-direction:column;gap:12px;margin:0;text-align:left;flex-shrink:0}
.ai-marketing .marketing-cta .button.outline{background:transparent;color:#5740ee}
@media(max-width:1000px){.marketing-hero{gap:26px}.marketing-intro h1{font-size:38px}.marketing-subtitle{font-size:17px}}
@media(max-width:850px){.marketing-hero{grid-template-columns:1fr;padding:32px 4.55%;gap:28px}.marketing-intro{max-width:680px}.marketing-visual{width:100%;max-width:640px;margin:auto}.marketing-cta{flex-wrap:wrap}.marketing-cta .marketing-cta-actions{flex-direction:row;flex-wrap:wrap}}
@media(max-width:650px){.marketing-hero{padding:30px 6% 24px}.marketing-intro h1{font-size:34px}.marketing-label{font-size:24px}.marketing-label .icon-tile{width:48px;height:48px}.marketing-visual img{width:640px;max-width:none}.marketing-visual figcaption{display:block;margin-top:9px;font-size:12px;line-height:1.4;color:#647087}.marketing-list{grid-template-columns:1fr;gap:8px}.marketing-cta{padding:25px 20px;display:block}.marketing-cta .marketing-cta-actions{margin-top:20px}.marketing-cta h2{font-size:25px}.marketing-workflow li{font-size:12px;letter-spacing:.25px}}
