/* Njandi About Us — front-end. Scoped to .nja-wrap so it never leaks into the theme. */
.nja-wrap{--nja-accent:#0369a1;--nja-ink:#0c2340;--nja-body:#33475b;max-width:1000px;margin:28px auto;padding:0 16px;font-family:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:var(--nja-body);}

.nja-wrap .nja-panel{position:relative;background:#fff;border:1px solid #e6edf5;border-radius:20px;padding:34px 34px 30px;overflow:hidden;
    box-shadow:0 30px 60px -34px rgba(4,32,64,.45);
    background-image:radial-gradient(1200px 300px at 100% -10%, color-mix(in srgb, var(--nja-accent) 8%, #fff) 0%, #fff 60%);}
.nja-wrap .nja-panel::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;
    background:linear-gradient(90deg, var(--nja-accent), color-mix(in srgb, var(--nja-accent) 40%, #8b5cf6));}

/* Header */
.nja-wrap .nja-head{display:flex;align-items:center;gap:16px;margin-bottom:8px;}
.nja-wrap .nja-icon{flex:0 0 auto;display:grid;place-items:center;width:58px;height:58px;border-radius:16px;font-size:28px;line-height:1;
    background:color-mix(in srgb, var(--nja-accent) 14%, #fff);
    box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--nja-accent) 26%, #fff);}
.nja-wrap .nja-heading{margin:0;font-family:"Sora",sans-serif;font-weight:800;letter-spacing:-.02em;font-size:1.9rem;color:var(--nja-ink);line-height:1.1;}
.nja-wrap .nja-tagline{margin:6px 0 0;font-size:1rem;color:var(--nja-body);opacity:.9;}

/* Section headings inside the content */
.nja-wrap .nja-content h2{font-family:"Sora",sans-serif;font-weight:800;color:var(--nja-ink);font-size:1.3rem;letter-spacing:-.01em;
    margin:30px 0 6px;padding-left:14px;position:relative;}
.nja-wrap .nja-content h2::before{content:"";position:absolute;left:0;top:.15em;bottom:.15em;width:5px;border-radius:4px;background:var(--nja-accent);}
.nja-wrap .nja-content .nja-sub{margin:2px 0 14px;color:#5b6b7d;}

/* Icon-card grid */
.nja-wrap .nja-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:14px 0 6px;}
.nja-wrap .nja-cards-1{grid-template-columns:1fr;}
.nja-wrap .nja-card{background:#fff;border:1px solid #e6edf5;border-radius:16px;padding:20px 20px 18px;
    box-shadow:0 18px 40px -32px rgba(4,32,64,.5);transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;}
.nja-wrap .nja-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb, var(--nja-accent) 40%, #e6edf5);box-shadow:0 26px 48px -30px rgba(4,32,64,.55);}
.nja-wrap .nja-card .nja-ic{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:13px;font-size:24px;line-height:1;margin-bottom:10px;
    background:color-mix(in srgb, var(--nja-accent) 12%, #fff);
    box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--nja-accent) 22%, #fff);}
.nja-wrap .nja-card h4{margin:2px 0 6px;font-family:"Sora",sans-serif;font-weight:700;color:var(--nja-ink);font-size:1.05rem;}
.nja-wrap .nja-card p{margin:0;font-size:.95rem;line-height:1.55;color:var(--nja-body);}

/* Why choose us — highlighted band */
.nja-wrap .nja-why{display:flex;gap:16px;align-items:flex-start;margin:14px 0 6px;padding:20px 22px;border-radius:16px;
    background:color-mix(in srgb, var(--nja-accent) 7%, #fff);border:1px solid color-mix(in srgb, var(--nja-accent) 20%, #e6edf5);}
.nja-wrap .nja-why .nja-ic{flex:0 0 auto;display:grid;place-items:center;width:46px;height:46px;border-radius:13px;font-size:24px;line-height:1;
    background:#fff;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--nja-accent) 26%, #fff);}
.nja-wrap .nja-why p{margin:0;font-size:.98rem;line-height:1.6;}

/* Summary line */
.nja-wrap .nja-summary{margin:18px 0 6px;padding:16px 20px;border-left:4px solid var(--nja-accent);
    background:#f8fbfe;border-radius:0 12px 12px 0;}
.nja-wrap .nja-summary p{margin:0;font-size:1rem;line-height:1.6;color:var(--nja-ink);}

/* Address / contact footer */
.nja-wrap .nja-contact{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:22px;padding-top:20px;
    border-top:1px dashed #d6e2ee;}
.nja-wrap .nja-contact-col .nja-lbl{display:inline-block;font-family:"Sora",sans-serif;font-weight:800;font-size:.72rem;letter-spacing:.08em;
    text-transform:uppercase;color:var(--nja-accent);margin-bottom:4px;}
.nja-wrap .nja-contact-col p{margin:0;line-height:1.6;color:var(--nja-ink);}

/* General content links */
.nja-wrap .nja-content a{color:var(--nja-accent);text-decoration:none;font-weight:600;}
.nja-wrap .nja-content a:hover{text-decoration:underline;}

/* Kill dead space at the end of the card (empty editor paragraphs / trailing margins) */
.nja-wrap .nja-content p:empty{display:none;}
.nja-wrap .nja-content > *:last-child{margin-bottom:0;}
.nja-wrap .nja-panel > *:last-child{margin-bottom:0;}

@media (max-width:640px){
    .nja-wrap{margin:18px auto;}
    .nja-wrap .nja-panel{padding:24px 20px 22px;}
    .nja-wrap .nja-heading{font-size:1.55rem;}
    .nja-wrap .nja-head{gap:12px;}
}
