/* Flamingo product: all accent and UI rules scoped to this section. */
.flamingo-product{--flamingo-accent:#f0617a;background:var(--paper);color:var(--ink)}
.flamingo-product .flamingo-surface{background:#fff;border:1px solid #e2e5e8;border-radius:8px;padding:40px}
.flamingo-product .flamingo-identity{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:32px;flex-wrap:wrap}
.flamingo-product .flamingo-logo-slot{height:40px;display:flex;align-items:center;border:1px dashed #aab0b5;border-radius:4px;padding:0 12px;font-size:12px;color:var(--ink)}
.flamingo-product .flamingo-tag{border:1px solid var(--flamingo-accent);background:#fff1f4;color:var(--ink);font-size:11px;padding:6px 12px;border-radius:8px}
.flamingo-product .flamingo-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:start}
.flamingo-product h2{font-size:clamp(30px,3vw,45px);line-height:1.15;margin:16px 0 24px}
.flamingo-product .flamingo-prose p{font-size:15px;line-height:1.75}
.flamingo-product .flamingo-prose p+p{margin-top:16px}
.flamingo-product .flamingo-features{padding-left:20px;margin:24px 0;font-size:13px;line-height:1.9}
.flamingo-product .flamingo-demo{display:inline-flex;gap:24px;align-items:center;min-height:48px;padding:12px 18px;border:1px solid var(--flamingo-accent);border-radius:8px;background:var(--flamingo-accent);color:var(--ink);font-size:14px;font-weight:600}
.flamingo-product .flamingo-demo:hover{background:#fff1f4}
.flamingo-product .flamingo-platform{display:inline-block;margin:16px 0 0 16px;color:var(--ink);font-size:13px;text-decoration:underline;text-underline-offset:4px}
.flamingo-product .flamingo-mock{min-width:0;border:1px solid #e2e5e8;border-radius:8px;background:#fff;overflow:hidden;margin-top:5px}
.flamingo-product .flamingo-mock-header{padding:20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e5e8;font-size:15px;gap:12px}
.flamingo-product .flamingo-mock-header span{font-size:11px;color:#586157}
.flamingo-product .flamingo-mock-tools{padding:14px 20px;display:flex;justify-content:space-between;font-size:11px;border-bottom:1px solid #e2e5e8}
.flamingo-product .flamingo-grid-area{padding:24px 14px;background:#f6f7f8}
.flamingo-product .flamingo-grid{display:grid;grid-template-columns:22px repeat(8,minmax(0,1fr));gap:5px}
.flamingo-product .flamingo-axis{display:flex;justify-content:center;align-items:center;font-size:10px;color:#586157;min-height:20px}
.flamingo-product .flamingo-plot{height:46px;background:#e8ece8;border:1px solid #cad3cc;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:8px;color:var(--ink)}
.flamingo-product .flamingo-plot.is-selected{border:2px solid var(--ink);background:#fff}
.flamingo-product .flamingo-detail{padding:20px;display:flex;flex-direction:column;gap:8px;font-size:11px;border-top:1px solid #e2e5e8}
.flamingo-product .flamingo-detail strong{font-size:15px}
.flamingo-product figcaption{border-top:1px solid #e2e5e8;padding:14px 20px;font-size:11px;color:#586157}
@media(max-width:1000px){.flamingo-product .flamingo-layout{grid-template-columns:1fr;gap:32px}}
@media(max-width:600px){.flamingo-product .flamingo-surface{padding:22px 16px}.flamingo-product .flamingo-identity{align-items:flex-start;flex-direction:column}.flamingo-product .flamingo-grid-area{padding:18px 6px}.flamingo-product .flamingo-grid{gap:3px;grid-template-columns:16px repeat(8,minmax(0,1fr))}.flamingo-product .flamingo-plot{height:36px;font-size:7px}.flamingo-product .flamingo-platform{margin-left:0;display:block}}

.flamingo-product .flamingo-real-logo{width:100px;height:auto;display:block;object-fit:contain}.flamingo-product .flamingo-kasp{display:block;width:100%;height:auto}.flamingo-product .flamingo-mock-tools{flex-wrap:wrap;gap:8px}