/* Inner-page presentation. Footer selectors and inherited body styles are intentionally untouched. */
.wesal-detail .site-header .header-shell { display:flex; }
.wesal-detail .site-header .brand>.approved-logo { width:142px; }
.wesal-detail .site-header .page-nav a { padding:0; background:transparent; }
.wesal-detail .site-header .page-nav>a.active { text-decoration:underline; text-underline-offset:8px; color:#003f35; }
.wesal-detail .site-header .nav-platform-links a { padding:12px 15px; }
.wesal-detail .site-header .nav-platform-links a.active { background:#c4e970; }
.wesal-detail main { --detail-line:rgba(0,63,53,.16); background:#fff; color:#003f35; }
.wesal-detail main h1,.wesal-detail main h2,.wesal-detail main h3 { font-weight:700; letter-spacing:0; line-height:1.45; }
.wesal-detail main p { text-wrap:pretty; }
.wesal-detail .sub-hero { min-height:0; padding:156px 0 76px; background:#e9eed4; }
.wesal-detail .sub-hero-grid { grid-template-columns:minmax(0,1.2fr) minmax(310px,.8fr); gap:90px; }
.wesal-detail .breadcrumb { display:flex; width:max-content; color:#516c61; font-size:.875rem; font-weight:400; margin-bottom:30px; }
.wesal-detail .breadcrumb a { color:#003f35; }
.wesal-detail .hero-kicker { font-size:.875rem; font-weight:500; margin-bottom:14px; }
.wesal-detail .sub-hero h1 { font-size:clamp(2.5rem,3.6vw,3.65rem); }
.wesal-detail .sub-hero h1 em { color:#003f35; background:#c4e970; padding-inline:.08em; box-decoration-break:clone; -webkit-box-decoration-break:clone; border-radius:.2em .2em .03em .2em; }
.wesal-detail .hero-lead { color:#365b4e; font-size:1.0625rem; line-height:2; }
.wesal-detail .hero-chips { gap:0 16px; margin-top:28px; padding-top:18px; border-top:1px solid var(--detail-line); }
.wesal-detail .hero-chips span { padding:6px 0; background:none; border:0; border-radius:0; font-size:.8125rem; font-weight:500; color:#365b4e; }
.wesal-detail .hero-chips span:not(:last-child)::after { content:"/"; padding-inline-start:16px; color:#7b9987; }

/* Existing labels form a conversation, instead of orbiting a decorative radar. */
.wesal-detail .signal-map { display:grid; grid-template-columns:1fr; gap:13px; min-height:0; padding:28px; background:#003f35; border-radius:32px 32px 5px 32px; }
.wesal-detail .signal-map::before,.wesal-detail .signal-map::after { display:none; }
.wesal-detail .signal-core { grid-row:1; width:100%; height:72px; aspect-ratio:auto; justify-content:start; border:0; border-bottom:1px solid rgba(233,238,212,.24); border-radius:0; box-shadow:none; background:transparent; padding-bottom:20px; margin-bottom:9px; }
.wesal-detail .signal-core .approved-logo { content:url('../identity/logo-white.svg'); width:114px; }
.wesal-detail .signal-node { position:static; inset:auto; transform:none; min-width:0; width:82%; padding:17px 20px; box-shadow:none; border:0; font-size:1rem; font-weight:500; text-align:right; background:#e9eed4; color:#003f35; border-radius:18px 4px 18px 18px; justify-self:start; }
.wesal-detail .signal-node.n2,.wesal-detail .signal-node.n4 { justify-self:end; background:#89e3b4; border-radius:4px 18px 18px 18px; }
.wesal-detail .signal-node::before { display:none; }
.wesal-detail main .section { padding-block:88px; }
.wesal-detail main .section-soft { background:#f5f7ec; }
.wesal-detail main .section-dark { background:#003f35; }
.wesal-detail main .section-head { margin-bottom:38px; gap:60px; }
.wesal-detail main .section-kicker { font-size:.875rem; font-weight:500; color:#365b4e; }
.wesal-detail main .section-kicker::before { content:""; display:inline-block; width:22px; height:2px; background:#009e68; vertical-align:middle; margin-inline-end:10px; }
.wesal-detail main .section-title { font-size:clamp(2rem,2.8vw,2.75rem); }
.wesal-detail main .section-intro { color:#516c61; font-size:1rem; line-height:1.95; }
.wesal-detail main .section-dark .section-kicker,.wesal-detail main .section-dark .section-intro { color:#e9eed4; }

/* Open service entries avoid repeated boxes and keep every description visible. */
.wesal-detail main .card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 56px; }
.wesal-detail main .info-card { display:grid; grid-template-columns:42px minmax(0,1fr); gap:8px 22px; min-height:0; padding:28px 0; border:0; border-top:1px solid var(--detail-line); border-radius:0; background:transparent; }
.wesal-detail main .info-card-mark { grid-column:1; grid-row:1/3; width:42px; height:42px; background:#e9eed4; color:#003f35; border-radius:13px 13px 3px 13px; font-size:.875rem; font-weight:500; }
.wesal-detail main .info-card h3 { grid-column:2; margin:0; font-size:1.25rem; }
.wesal-detail main .info-card p { grid-column:2; font-size:1rem; color:#516c61; line-height:1.95; }
.wesal-detail main .section-soft .info-card-mark { background:#c4e970; }
.wesal-detail main .split { gap:34px; align-items:start; }
.wesal-detail main .feature-panel { padding:36px; background:#e9eed4; border:0; border-radius:28px 5px 28px 28px; }
.wesal-detail main .feature-panel.accent { margin-top:34px; background:#003f35; border-radius:5px 28px 28px 28px; }
.wesal-detail main .feature-panel h3 { font-size:1.7rem; }
.wesal-detail main .feature-panel p { color:#365b4e; font-size:1rem; }
.wesal-detail main .feature-panel.accent p,.wesal-detail main .feature-panel.accent li { color:#e9eed4; }
.wesal-detail main .check-list { gap:14px; }
.wesal-detail main .check-list li { color:#365b4e; font-size:1rem; }
.wesal-detail main .feature-panel.accent .check-list li::before { color:#c4e970; }

/* Steps are read vertically in Arabic, with the numbering as a continuous rail. */
.wesal-detail main .process { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 40px; overflow:visible; border:0; border-radius:0; background:transparent; }
.wesal-detail main .process-step { display:grid; grid-template-columns:48px minmax(0,1fr); gap:6px 20px; min-height:0; padding:26px 0; border:0; border-top:1px solid var(--detail-line); }
.wesal-detail main .process-step b { grid-row:1/3; font-size:1.5rem; font-weight:300; color:#009e68; }
.wesal-detail main .process-step strong { margin:0; font-size:1.125rem; font-weight:500; }
.wesal-detail main .process-step span { grid-column:2; margin:0; font-size:1rem; color:#516c61; }
.wesal-detail main .flow-line { gap:12px; }
.wesal-detail main .flow-item { text-align:right; border:0; background:#e9eed4; border-radius:20px 20px 4px 20px; padding:24px 20px; }
.wesal-detail main .flow-item b { margin:0 0 25px; color:#003f35; background:#c4e970; border-radius:9px 9px 2px 9px; font-weight:500; }
.wesal-detail main .flow-item strong { font-size:1rem; font-weight:500; }
.wesal-detail main .flow-item span { color:#516c61; font-size:.875rem; }
.wesal-detail main .flow-item::after { display:none; }
.wesal-detail main .metric-row { gap:0; border-top:1px solid var(--detail-line); }
.wesal-detail main .metric { padding:24px; border:0; border-inline-start:1px solid var(--detail-line); background:transparent; border-radius:0; }
.wesal-detail main .metric:first-child { border-inline-start:0; }
.wesal-detail main .metric strong { font-size:1.25rem; font-weight:500; }
.wesal-detail main .metric span { margin-top:12px; font-size:1rem; color:#516c61; }
.wesal-detail main .section-dark .metric-row { border-color:rgba(233,238,212,.2); }
.wesal-detail main .section-dark .metric { border-color:rgba(233,238,212,.2); }
.wesal-detail main .section-dark .metric strong { color:#c4e970; }
.wesal-detail main .section-dark .metric span { color:#e9eed4; }

.wesal-detail main .compare-wrap { border:1px solid var(--detail-line); border-radius:24px 24px 4px 24px; background:#fff; }
.wesal-detail main .compare-table { font-size:1rem; }
.wesal-detail main .compare-table th,.wesal-detail main .compare-table td { padding:22px; }
.wesal-detail main .compare-table thead th { background:#003f35; color:#e9eed4; }
.wesal-detail main .compare-table td:nth-child(2) { background:#e9eed4; }
.wesal-detail main .faq-list { max-width:none; gap:14px; }
.wesal-detail main .faq-item { background:#f5f7ec; border:0; border-radius:22px 4px 22px 22px; }
.wesal-detail main .faq-item[open] { background:#e9eed4; }
.wesal-detail main .faq-item summary { font-size:1.0625rem; font-weight:500; padding:24px; }
.wesal-detail main .faq-plus { border:0; border-radius:9px 9px 2px 9px; background:#c4e970; color:#003f35; }
.wesal-detail main .faq-answer { padding:0 24px 28px; font-size:1rem; color:#365b4e; }
.wesal-detail main .cta-section { padding:0 0 76px; }
.wesal-detail main .cta-band { background:#89e3b4; color:#003f35; border:0; border-radius:26px 26px 4px 26px; box-shadow:none; }
.wesal-detail main .cta-band small { color:#365b4e; font-size:.875rem; font-weight:400; }
.wesal-detail main .cta-band h2 { font-weight:500; }
.wesal-detail main .button { font-size:.9375rem; font-weight:500; border-radius:18px 18px 3px 18px; padding:14px 22px; min-height:50px; }
.wesal-detail main .button-light { background:#003f35; color:#fff; }
.wesal-detail main .button-outline { color:#003f35; border-color:rgba(0,63,53,.3); }
.wesal-detail[data-page="whatsapp-business"] main .card-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 32px; }
.wesal-detail[data-page="whatsapp-business"] main .info-card { grid-template-columns:1fr; gap:12px; }
.wesal-detail[data-page="whatsapp-business"] main .info-card-mark,.wesal-detail[data-page="whatsapp-business"] main .info-card h3,.wesal-detail[data-page="whatsapp-business"] main .info-card p { grid-column:1; grid-row:auto; }
.wesal-detail[data-page="faq"] main .section>.container { display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); gap:64px; align-items:start; }
.wesal-detail[data-page="faq"] main .section-head { position:sticky; top:140px; display:block; margin:0; }
.wesal-detail[data-page="faq"] main .section-intro { margin-top:22px; }
@media (min-width:981px) {
 .wesal-detail .site-header .page-nav { position:static; inset:auto; display:flex; max-height:none; overflow:visible; border:0; border-radius:0; background:transparent; box-shadow:none; }
}
@media (max-width:1180px) {
 .wesal-detail .site-header .nav-links { gap:13px; }
 .wesal-detail .site-header .nav-links>a,.wesal-detail .nav-platform>summary { font-size:.8125rem; }
 .wesal-detail .sub-hero-grid { gap:48px; }
 .wesal-detail main .section-head { gap:36px; }
}
@media (max-width:980px) {
 .wesal-detail .site-header .page-nav { border:0; background:#fff; }
 .wesal-detail .site-header .page-nav>a { padding:12px 16px; font-size:1rem; }
 .wesal-detail .site-header .nav-platform>summary { font-size:1rem; }
 .wesal-detail .sub-hero { padding-top:135px; }
 .wesal-detail .sub-hero-grid { grid-template-columns:1fr; gap:38px; }
 .wesal-detail .signal-map { width:min(580px,100%); margin-inline:auto; }
 .wesal-detail main .section-head { grid-template-columns:1fr; gap:20px; }
 .wesal-detail main .card-grid { gap:0 32px; }
 .wesal-detail main .flow-line { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .wesal-detail main .flow-item:last-child { grid-column:1/-1; }
 .wesal-detail[data-page="whatsapp-business"] main .card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .wesal-detail[data-page="faq"] main .section>.container { grid-template-columns:1fr; gap:32px; }
 .wesal-detail[data-page="faq"] main .section-head { position:static; }
}
@media (max-width:700px) {
 .wesal-detail .sub-hero { padding:123px 0 54px; }
 .wesal-detail .breadcrumb { font-size:.8125rem; margin-bottom:22px; }
 .wesal-detail .sub-hero h1 { font-size:clamp(2rem,8.2vw,2.8rem); }
 .wesal-detail .hero-lead { font-size:1rem; }
 .wesal-detail .hero-chips { margin-top:22px; }
 .wesal-detail .signal-map { padding:24px; gap:12px; }
 .wesal-detail .signal-node { font-size:.9375rem; padding:14px 18px; }
 .wesal-detail main .section { padding-block:60px; }
 .wesal-detail main .section-title { font-size:1.85rem; }
 .wesal-detail main .card-grid,.wesal-detail[data-page="whatsapp-business"] main .card-grid { grid-template-columns:1fr; }
 .wesal-detail main .info-card { gap:10px 17px; }
 .wesal-detail main .info-card h3 { font-size:1.125rem; }
 .wesal-detail main .split,.wesal-detail main .process { grid-template-columns:1fr; gap:20px; }
 .wesal-detail main .process { gap:0; }
 .wesal-detail main .feature-panel { padding:28px 24px; }
 .wesal-detail main .feature-panel.accent { margin-top:0; }
 .wesal-detail main .feature-panel h3 { font-size:1.5rem; }
 .wesal-detail main .flow-line { grid-template-columns:1fr; }
 .wesal-detail main .flow-item { display:grid; grid-template-columns:36px minmax(0,1fr); gap:8px 18px; }
 .wesal-detail main .flow-item b { grid-row:1/3; margin:0; }
 .wesal-detail main .flow-item span { grid-column:2; margin:0; }
 .wesal-detail main .metric-row { grid-template-columns:1fr; }
 .wesal-detail main .metric { padding:24px 0; border:0; border-bottom:1px solid var(--detail-line); }
 .wesal-detail main .compare-table { min-width:610px; font-size:.9375rem; }
 .wesal-detail main .compare-table th,.wesal-detail main .compare-table td { padding:18px; }
 .wesal-detail main .faq-item summary { padding:21px 18px; font-size:1rem; }
 .wesal-detail main .faq-answer { padding:0 18px 24px; }
 .wesal-detail main .cta-section { padding-bottom:56px; }
 .wesal-detail main .cta-band { grid-template-columns:1fr; padding:30px 24px; }
 .wesal-detail main .cta-actions { display:grid; grid-template-columns:1fr; gap:12px; }
 .wesal-detail main .button-outline { margin:0; }
}