.op-page{max-width:900px;margin:0 auto;font-family:inherit;color:#1a1a2e}
.op-hero{text-align:center;padding:3.5rem 1.5rem 3rem;background:linear-gradient(145deg,#0f172a,#1e1b4b);border-radius:20px;margin-bottom:3rem;color:#fff}
.op-hero-label{display:inline-block;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.85);font-size:.8rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:.3rem .9rem;border-radius:20px;margin-bottom:1.2rem}
.op-hero h1{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;line-height:1.2;margin:0 0 1rem;color:#fff}
.op-hero h1 em{font-style:normal;background:linear-gradient(90deg,#818cf8,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.op-hero-sub{font-size:1.1rem;color:rgba(255,255,255,.7);max-width:600px;margin:0 auto 2rem;line-height:1.65}
.op-hero-note{margin-top:.9rem;font-size:.85rem;color:rgba(255,255,255,.45)}
.op-cta-main{display:inline-block;padding:1rem 2.5rem;border-radius:12px;font-size:1.15rem;font-weight:800;text-decoration:none!important;transition:all .2s}
.op-cta-main.green{background:#22c55e;color:#fff!important}
.op-cta-main.green:hover{background:#16a34a;transform:translateY(-1px)}
.op-cta-main.indigo{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff!important;box-shadow:0 6px 20px rgba(99,102,241,.35)}
.op-cta-main.indigo:hover{transform:translateY(-1px)}
.op-cta-main.purple{background:linear-gradient(135deg,#7c3aed,#6366f1);color:#fff!important;box-shadow:0 6px 20px rgba(124,58,237,.35)}
.op-cta-main.purple:hover{transform:translateY(-1px)}
.op-section{margin-bottom:3rem}
.op-section-title{font-size:1.5rem;font-weight:800;margin:0 0 1.5rem;color:#0f172a}
.op-section-title em{font-style:normal;color:#6366f1}
.op-features{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
@media(max-width:560px){.op-features{grid-template-columns:1fr}}
.op-feat{display:flex;gap:.9rem;align-items:flex-start;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;padding:1.1rem 1.2rem}
.op-feat-icon{font-size:1.5rem;flex-shrink:0;margin-top:.1rem}
.op-feat-title{font-weight:700;font-size:.95rem;color:#0f172a;margin-bottom:.2rem}
.op-feat-desc{font-size:.85rem;color:#64748b;line-height:1.5}
.op-personas{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
@media(max-width:560px){.op-personas{grid-template-columns:1fr}}
.op-persona{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;padding:1.2rem;text-align:center}
.op-persona-icon{font-size:2rem;margin-bottom:.5rem}
.op-persona-name{font-weight:800;font-size:.95rem;color:#0f172a;margin-bottom:.3rem}
.op-persona-desc{font-size:.83rem;color:#64748b;line-height:1.5}
.op-nope{background:#fff5f5;border:1.5px solid #fecaca;border-radius:10px;padding:1.2rem 1.5rem;font-size:.9rem;color:#7f1d1d}
.op-nope ul{margin:.5rem 0 0;padding-left:1.2rem}
.op-nope li{margin-bottom:.3rem}
.op-cta-block{background:linear-gradient(135deg,#f0f9ff,#e0e7ff);border:2px solid #c7d2fe;border-radius:20px;padding:3rem 2rem;text-align:center;margin-top:3rem}
.op-cta-block h2{font-size:1.8rem;font-weight:900;margin:0 0 .8rem;color:#1a1a2e}
.op-cta-block p{color:#555;font-size:1rem;margin:0 0 2rem;line-height:1.65}
.op-price-big{display:block;font-size:3.5rem;font-weight:900;color:#6366f1;line-height:1;margin-bottom:.5rem}
.op-price-sub{font-size:.9rem;color:#94a3b8;margin-bottom:1.8rem!important}
.op-upgrade{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.2rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:1.5rem;font-size:.95rem}
.op-upgrade strong{color:#0f172a}
.op-upgrade a{display:inline-block;background:#6366f1;color:#fff!important;padding:.55rem 1.3rem;border-radius:8px;font-weight:700;font-size:.9rem;text-decoration:none!important}
.op-upgrade a:hover{background:#4f46e5}
/* Encart dev sur mesure */
.op-custom-dev{background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:16px;padding:2rem 2.2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;margin-top:1.5rem}
.op-custom-dev-text strong{display:block;color:#fff;font-size:1.1rem;font-weight:800;margin-bottom:.4rem}
.op-custom-dev-text p{color:rgba(255,255,255,.6);font-size:.9rem;margin:0;line-height:1.55}
.op-custom-dev a{flex-shrink:0;display:inline-block;background:#6366f1;color:#fff!important;padding:.7rem 1.6rem;border-radius:10px;font-weight:700;font-size:.95rem;text-decoration:none!important;white-space:nowrap;transition:background .2s}
.op-custom-dev a:hover{background:#4f46e5}