/* Homepage product pairing: preserve the existing card and stack on phones. */
.ai-product-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);margin-top:28px}
.ai-product-column{min-width:0;display:flex;flex-direction:column}
.ai-product-column>p{font-size:clamp(16px,1.35vw,20px);line-height:1.35;text-align:left}
.ai-product-column .button{max-width:100%;white-space:normal;line-height:1.2}
.ai-product-column>.ai-product-action{margin-top:auto;padding-top:16px;text-align:center}
@media(max-width:767px){.ai-product-columns{grid-template-columns:minmax(0,1fr);gap:40px}.ai-product-column+ .ai-product-column{border-top:1px solid rgba(1,147,188,.2);padding-top:32px}}

.ai-product-column:first-child>p{margin-top:0;margin-bottom:0}
.ai-product-column>.ai-product-marker{padding:28px 0;text-align:center}
.ai-product-column:first-child>.ai-product-marker+p{margin-bottom:28px}

.ai-product-column:first-child>.ai-product-action{margin-top:auto}

/* Equal content starts and a shared action baseline in the two-column layout. */
.ai-product-column>p:first-child{margin-top:0}
.ai-product-column>.ai-product-action{margin-bottom:0}

/* Local audition: the same cyan gradient, white cards and pill actions as Guides. */
.ai-product-panel{background:radial-gradient(circle at 10% 10%,rgba(255,255,255,.25),transparent 18rem),linear-gradient(135deg,#16cbf6,#0393bc);padding:44px 32px;border-radius:20px;box-shadow:none;border:1px solid rgb(12 183 223 / 80%)}
.section-title .ai-product-panel>h2{color:#fff!important;font-size:clamp(32px,4vw,52px);line-height:1.02;letter-spacing:-1.8px;font-weight:900;margin:0 0 20px}
.ai-product-panel .ai-product-columns{gap:16px;margin-top:0}
.ai-product-panel .ai-product-column{padding:22px;background:#fff;border:1px solid rgba(22,203,246,.22);border-radius:18px;color:#111827}
.ai-product-panel .ai-product-column>p{color:#111827}
.ai-product-panel .ai-product-action .button{color:#fff;background:linear-gradient(181deg,#80e7ff,#00b5e0);border:1px solid #16cbf6;box-shadow:0 8px 22px rgba(0,0,0,.1);padding:12px 16px!important;font-size:14px;line-height:1.4;font-weight:900}
.ai-product-panel .ai-product-action .button:hover{color:#16cbf6;background:#fff;box-shadow:none}
@media(max-width:520px){.ai-product-panel{padding:24px 16px}.ai-product-panel .ai-product-column{padding:20px}.section-title .ai-product-panel>h2{letter-spacing:-1px}}

/* Match the actual Guides section heading and resource headline presentation. */
.section-title .ai-product-panel>h2{text-align:left;text-transform:uppercase;font-size:clamp(32px,6.4vw,52px)}
.section-title .ai-product-panel .ai-product-headline{font-family:Inter,system-ui,sans-serif;font-size:23px;line-height:1.12;font-weight:700!important;letter-spacing:-.6px;margin:0 0 20px;min-height:3.36em;text-align:left;text-transform:none;color:#16cbf6}
.ai-product-panel .ai-product-headline+p{margin-top:0}
.ai-product-panel .ai-product-action .button:hover,.ai-product-panel .ai-product-action .button:focus-visible{color:#16cbf6!important;background:#fff;box-shadow:none}
@media(max-width:767px){.section-title .ai-product-panel .ai-product-headline{min-height:0}}

.section-title .ai-product-panel>.ai-product-eyebrow{font-size:12px;line-height:1.4;letter-spacing:1.25px;font-weight:900;margin:0 0 12px;color:#fff;text-align:left;max-width:none;width:100%}
.section-title .ai-product-panel>.ai-product-intro{font-size:16px;line-height:1.65;margin:0 0 30px;max-width:540px;color:#fff;text-align:left;width:100%}

/* Requested paragraph breaks remain visible in the left card. */
.ai-product-panel .ai-product-column:first-child>p:not(.ai-product-action){margin-bottom:20px}

.ai-product-panel .ai-product-image{display:block;align-self:center;flex-shrink:0;width:200px;height:200px;max-width:100%;object-fit:contain;margin:0 auto 24px}
@media(max-width:767px){.ai-product-panel .ai-product-image{width:160px;height:160px}}

.ai-product-panel .ai-product-image+p{margin-top:0}