/* ============================================
   MODULES/INTRO_KAMI_V2.CSS
   Section KAMI MELAYANI — intro card (SMACSS module)
   AD LASER WON — SMACSS Modular V2
   Generated: 18 Mei 2026 (Center alignment + bullet list)
   PATENT RULE Compliance
   ============================================ */

.intro { 
    text-align: center; 
    margin-top: 12px;
    margin-bottom: 30px; 
    padding: 0 24px; /* Match dengan header padding */
}

/* NOTE 2: KAMI MELAYANI + garis bawah CENTER di layar */
.intro h1 { 
    font-family: 'Segoe UI', sans-serif; 
    font-weight: 800;
    font-size: 32px; 
    color: var(--ad-merah-soft);
    text-transform: uppercase; 
    letter-spacing: 2px;
    margin-bottom: 12px;
    position: relative;
    display: block; /* FIX: inline-block → block untuk full center */
    text-align: center; /* NOTE 2: explicit center */
}

/* NOTE 2: Garis bawah (gold accent) center */
.intro h1::after {
    content: "";
    display: block;
    width: 50px;
    height: 3px;
    background: #b8935a;
    margin: 12px auto 0; /* margin auto = center */
    border-radius: 2px;
}

/* NOTE 3: Jasa dan pembuatan ... dengan BULLET (•) per baris */
.intro p { 
    font-family: 'Segoe UI', sans-serif;
    font-weight: 500; 
    font-size: 15px; 
    color: #1a1a1a;
    line-height: 1.7;
    max-width: 320px;
    margin: 0 auto;
    text-align: left; /* Bullet butuh left alignment */
    list-style: none; /* Jaga-jaga */
    padding: 0;
}

/* Bullet point untuk setiap baris dalam intro p */
.intro p .intro-line {
    display: block;
    padding-left: 18px;
    position: relative;
    margin-bottom: 4px;
}

.intro p .intro-line::before {
    content: "•";
    position: absolute;
    left: 0;
    top: 0;
    color: var(--ad-merah-soft); /* Marun bullet */
    font-weight: 900;
    font-size: 18px;
    line-height: 1.4;
}

/* Col title (kalau ada) */
.col-title { 
    font-family: 'Segoe UI', sans-serif;
    font-weight: 800;
    font-size: 24px;
    color: var(--ad-merah-soft);
    text-align: center;
    margin: 30px 0 20px 0;
    letter-spacing: 1px;
    text-transform: uppercase;
    position: relative;
    display: block;
}

.col-title::after {
    content: "";
    display: block;
    width: 40px;
    height: 3px;
    background: #b8935a;
    margin: 10px auto 0;
    border-radius: 2px;
}