.omc-prob{--ink:var(--color-ink,#2E141B);--ink2:var(--color-muted,#6B4E55);--red:var(--color-cta,#A4193D);--peach:var(--color-accent,#FFDFB9);--tint:color-mix(in srgb,var(--color-accent,#FFDFB9) 40%,#fff);--blush:var(--color-page,#F5F0F1);--line:color-mix(in srgb,var(--color-slate,#9C868B) 25%,#fff);--org:var(--color-cta,#E8731C);--org2:color-mix(in srgb,var(--color-cta,#E8731C) 75%,#fff);
      background:var(--blush);color:var(--ink);font-family:"IBM Plex Sans","Segoe UI",Arial,sans-serif;padding:72px 16px}
    .omc-prob *{box-sizing:border-box}
    .omc-prob .pb-w{max-width:1140px;margin:0 auto}
    .omc-prob .pb-eb{font:600 .74rem "IBM Plex Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--org)}
    .omc-prob h2{font-family:"Archivo","Arial Narrow",Arial,sans-serif;font-weight:800;font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1.08;margin:10px 0;color:var(--ink);max-width:760px}
    .omc-prob .pb-intro{font-size:1.04rem;line-height:1.6;color:var(--ink2);margin:0 0 34px;max-width:640px}

    .omc-prob .pb-head{display:grid;grid-template-columns:1.35fr 1fr;gap:36px;align-items:center;margin-bottom:30px}
    .omc-prob .pb-head .pb-intro{margin-bottom:0}
    .omc-prob .pb-img{margin:0;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:0 18px 34px -22px color-mix(in srgb,var(--color-ink,#2E141B) 50%,transparent)}
    .omc-prob .pb-img img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
    .omc-prob .pb-img figcaption{padding:9px 14px;font:600 .74rem "IBM Plex Mono",monospace;letter-spacing:.04em;color:var(--ink2);border-top:3px solid var(--org)}
    .omc-prob .pb-img figcaption:empty{display:none}
    .omc-prob [hidden]{display:none!important}
    .omc-prob .pb-head:not(:has(.pb-img:not([hidden]))){grid-template-columns:1fr}
    @media (max-width:900px){.omc-prob .pb-head{grid-template-columns:1fr;gap:20px}}
    .omc-prob .pb-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
    .omc-prob .pb-c{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease}
    .omc-prob .pb-c:hover{transform:translateY(-4px);box-shadow:0 20px 34px -22px color-mix(in srgb,var(--color-cta,#A4193D) 45%,transparent)}
    .omc-prob .pb-p{padding:18px 18px 16px;position:relative}
    .omc-prob .pb-ic{width:44px;height:44px;border-radius:11px;background:color-mix(in srgb,var(--color-cta,#A4193D) 9%,#fff);display:grid;place-items:center;margin-bottom:12px}
    .omc-prob .pb-ic svg{width:24px;height:24px;stroke:var(--red);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
    .omc-prob .pb-tag{font:700 .64rem "IBM Plex Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--red)}
    .omc-prob h3{margin:4px 0 6px;font-size:1.05rem;font-weight:700;line-height:1.3;color:var(--ink)}
    .omc-prob .pb-p p{margin:0;font-size:.89rem;line-height:1.5;color:var(--ink2)}
    .omc-prob .pb-cost{display:inline-block;margin-top:10px;font:600 .72rem "IBM Plex Mono",monospace;color:var(--red);background:color-mix(in srgb,var(--color-cta,#A4193D) 9%,#fff);border-radius:999px;padding:4px 9px}
    .omc-prob .pb-f{margin-top:auto;background:var(--tint);border-top:1px dashed var(--peach);padding:14px 18px 18px;position:relative}
    .omc-prob .pb-f .pb-tag{color:var(--org)}
    .omc-prob .pb-f p{margin:4px 0 0;font-size:.89rem;line-height:1.5;color:var(--ink)}
    .omc-prob .pb-f a{display:inline-block;margin-top:8px;font-weight:600;font-size:.85rem;color:var(--red);text-decoration:none}
    .omc-prob .pb-f a:hover{text-decoration:underline}
    .omc-prob .pb-f::before{content:"";position:absolute;left:18px;top:-9px;width:18px;height:18px;border-radius:50%;background:var(--org) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/11px no-repeat;box-shadow:0 0 0 3px #fff}

    /* case story */
    .omc-prob .pb-case{position:relative;overflow:hidden;background:radial-gradient(600px 300px at 90% 0%,color-mix(in srgb,color-mix(in srgb,var(--color-brand,#A4193D) 62%,#fff) 55%,transparent),transparent 70%),var(--color-ink,#2E141B);color:var(--color-page,#F5F0F1);border-radius:16px;padding:28px;display:grid;grid-template-columns:1.1fr 1.4fr;gap:28px;align-items:center}
    .omc-prob .pb-case .pb-eb{color:var(--org2)}
    .omc-prob .pb-case h3{color:#fff;font-family:"Archivo",Arial,sans-serif;font-weight:800;font-size:1.5rem;margin:8px 0 10px}
    .omc-prob .pb-case .pb-take{margin-top:12px;padding-left:12px;border-left:3px solid var(--org2);color:#fff;font-weight:600}
    .omc-prob .pb-case p{margin:0;font-size:.95rem;line-height:1.6;color:color-mix(in srgb,var(--color-slate,#9C868B) 30%,#fff)}
    .omc-prob .pb-jr{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;position:relative}
    .omc-prob .pb-jr::before{content:"";position:absolute;left:6%;right:6%;top:22px;height:2px;background:linear-gradient(90deg,rgba(255,255,255,.25),color-mix(in srgb,var(--color-cta,#A4193D) 55%,#fff) 35%,var(--org2) 65%,#7FD49A)}
    .omc-prob .pb-j{position:relative;background:rgba(255,255,255,.05);border:1px solid color-mix(in srgb,var(--color-accent,#FFDFB9) 16%,transparent);border-radius:12px;padding:40px 14px 14px;text-align:center}
    .omc-prob .pb-j::before{content:"";position:absolute;left:50%;top:14px;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:color-mix(in srgb,var(--color-slate,#9C868B) 55%,#fff);box-shadow:0 0 0 4px var(--color-ink,#2E141B)}
    .omc-prob .pb-j b{display:block;font:800 1.25rem/1.1 "Archivo",Arial,sans-serif;color:#fff;font-variant-numeric:tabular-nums}
    .omc-prob .pb-j span{display:block;margin-top:6px;font-size:.8rem;line-height:1.4;color:color-mix(in srgb,var(--color-slate,#9C868B) 55%,#fff)}
    .omc-prob .pb-j.bad::before{background:color-mix(in srgb,var(--color-cta,#A4193D) 55%,#fff)}.omc-prob .pb-j.bad b{color:color-mix(in srgb,var(--color-cta,#A4193D) 45%,#fff)}
    .omc-prob .pb-j.good::before{background:var(--org2)}.omc-prob .pb-j.good{background:linear-gradient(140deg,color-mix(in srgb,var(--color-cta,#E8731C) 28%,transparent),color-mix(in srgb,var(--color-cta,#A4193D) 20%,transparent));border-color:color-mix(in srgb,var(--color-cta,#E8731C) 55%,transparent)}.omc-prob .pb-j.good b{color:var(--org2)}
    .omc-prob .pb-j.win::before{background:#7FD49A}.omc-prob .pb-j.win b{color:#A8F0BE}
    .omc-prob.js .pb-j{opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease;transition-delay:var(--d)}
    .omc-prob.js .pb-case.in .pb-j{opacity:1;transform:none}
    /* reveal (only when script runs) */
    .omc-prob.js .pb-rv{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease;transition-delay:var(--d,0s)}
    .omc-prob.js .pb-rv.in{opacity:1;transform:none}

    @media (max-width:1000px){.omc-prob .pb-grid{grid-template-columns:1fr 1fr}.omc-prob .pb-case{grid-template-columns:1fr}}
    @media (max-width:560px){
      .omc-prob{padding:52px 16px}
      .omc-prob .pb-head{display:grid;grid-template-columns:1.35fr 1fr;gap:36px;align-items:center;margin-bottom:30px}
    .omc-prob .pb-head .pb-intro{margin-bottom:0}
    .omc-prob .pb-img{margin:0;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:0 18px 34px -22px color-mix(in srgb,var(--color-ink,#2E141B) 50%,transparent)}
    .omc-prob .pb-img img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
    .omc-prob .pb-img figcaption{padding:9px 14px;font:600 .74rem "IBM Plex Mono",monospace;letter-spacing:.04em;color:var(--ink2);border-top:3px solid var(--org)}
    .omc-prob .pb-img figcaption:empty{display:none}
    .omc-prob [hidden]{display:none!important}
    .omc-prob .pb-head:not(:has(.pb-img:not([hidden]))){grid-template-columns:1fr}
    @media (max-width:900px){.omc-prob .pb-head{grid-template-columns:1fr;gap:20px}}
    .omc-prob .pb-grid{grid-template-columns:1fr}
      .omc-prob .pb-case{padding:22px}
      .omc-prob .pb-jr{grid-template-columns:1fr 1fr}.omc-prob .pb-jr::before{display:none}
    }
    @media (prefers-reduced-motion:reduce){.omc-prob *{transition:none!important}.omc-prob.js .pb-rv{opacity:1;transform:none}}