:root { --sip-primary:#3b82f6; --sip-dark:#0f172a; --sip-muted:#64748b; --sip-card:#f8fafc; }

.sip-landing { max-width: 1100px; margin: 40px auto; padding: 20px; font-family: sans-serif; line-height: 1.8; }
.sip-hero { display:flex; gap:24px; align-items:center; flex-wrap:wrap; margin-bottom: 40px; }
.sip-hero__content { flex:1; min-width:280px; }
.sip-title { font-size: 2.2rem; color: var(--sip-dark); margin-bottom: 8px; }
.sip-subtitle { color: var(--sip-muted); margin-bottom: 18px; }
.sip-btn { display:inline-block; background: var(--sip-primary); color:#fff; padding: 12px 18px; border-radius: 10px; text-decoration: none; font-weight:600; }
.sip-btn:hover { filter: brightness(1.06); }
.sip-hero__bullets { margin-top: 16px; color:#334155; }

.sip-hero__image img { width:100%; max-width:640px; height:auto; border-radius: 16px; }

.sip-section { margin: 40px 0; }
.sip-cards { display:grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap: 16px; }
.sip-card { background: var(--sip-card); padding: 16px; border-radius: 12px; text-align:center; box-shadow: 0 2px 6px rgba(0,0,0,.06); }
.sip-card__icon { font-size: 1.8rem; display:block; margin-bottom: 8px; }
.sip-card h3 { margin-bottom: 6px; }

.sip-timeline { display:flex; gap: 12px; flex-wrap:wrap; }
.sip-step { flex:1; min-width:200px; background:#f1f5f9; border-radius: 12px; padding: 14px; text-align:center; }
.sip-step__num { display:block; font-weight:700; color: var(--sip-primary); margin-bottom:6px; }

.sip-slider { display:grid; gap: 12px; grid-template-columns: repeat(auto-fit,minmax(260px,1fr)); }
.sip-quote { background:#f9fafb; border-left: 4px solid var(--sip-primary); padding: 12px; border-radius: 10px; }

.sip-accordion .sip-acc-item { border:1px solid #e5e7eb; border-radius: 10px; margin-bottom: 10px; }
.sip-acc-btn { width:100%; text-align:right; padding: 12px; font-weight:700; background:#fff; border:none; cursor:pointer; border-radius:10px; }
.sip-acc-panel { display:none; padding: 12px; background:#f8fafc; border-top:1px solid #e5e7eb; border-radius:0 0 10px 10px; }

.sip-form input, .sip-form textarea { width:100%; padding:10px; border:1px solid #d1d5db; border-radius: 10px; margin-bottom: 10px; }
.sip-form__status { margin-top: 8px; color:#0f766e; }

@media (max-width:640px) {
  .sip-title { font-size: 1.6rem; }
}