main { max-width: 880px; }
h1 { font-size: 2rem; margin: 0 0 10px; }
section { margin-bottom: 32px; }
.grid-2 { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 24px; }
ul { padding-left: 20px; margin: 10px 0 0; }
li { margin-bottom: 6px; }
.cta-box { background: #ffe6f4; border-radius: 16px; padding: 18px 16px; margin-top: 10px; }

@media(max-width:768px) {
  .grid-2 { grid-template-columns: minmax(0,1fr); }
}
  
.session-flow { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; list-style:none; padding:0; margin:24px 0; counter-reset:step; }
.session-flow li { counter-increment:step; background:#f6f5f7; border-radius:16px; padding:24px; margin:0; }
.session-flow li::before { content:counter(step); display:flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:50%; background:#a10058; color:white; font-weight:700; margin-bottom:20px; }
.session-flow h3 { font-size:1.1rem; margin:0 0 12px; }
.session-flow p { margin:0; }
@media(max-width:768px) { .session-flow { grid-template-columns:1fr; } }

.integration-panel { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(0,1fr); gap:32px; align-items:center; padding:32px; border:1px solid #eedfe8; border-radius:20px; background:#fff8fc; }
.integration-panel h2 { margin-top:0; }
.integration-brand { text-align:center; padding:28px 20px; border-radius:16px; background:#fff; }
.integration-brand img { display:block; width:100%; max-width:260px; height:auto; margin:auto; }
.integration-brand p { margin:20px 0 0; font-size:0.9rem; color:#5f4655; }
@media(max-width:768px) { .integration-panel { grid-template-columns:1fr; padding:24px; gap:16px; } }