/**
 * File: assets/css/frontend/pages/company/daf-urdu-roadmap.css
 * Purpose: DAF Urdu landing-page roadmap and final responsive styles.
 * Scope: DAF Urdu roadmap only; split from frontend/pages/company/daf-urdu.css.
 * Package: HyperDAF Pro
 */
/* === Roadmap Section === */
.hdf-dafurdu-roadmap__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}
.hdf-dafurdu-roadmap__item {
    padding: 1.25rem;
    border: 1px solid var(--hdf-dafurdu-border);
    border-radius: 1rem;
    background: var(--hdf-color-surface);
    position: relative;
}
.hdf-dafurdu-roadmap__badge {
    display: inline-block;
    padding: .3rem .8rem;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .06em;
    margin-bottom: .9rem;
}
.hdf-dafurdu-roadmap__item--soon .hdf-dafurdu-roadmap__badge { background: #e8f5e9; color: #2e7d32; }
.hdf-dafurdu-roadmap__item--planned .hdf-dafurdu-roadmap__badge { background: #e3f2fd; color: #1565c0; }
.hdf-dafurdu-roadmap__item--idea .hdf-dafurdu-roadmap__badge { background: #f3e5f5; color: #7b1fa2; }
.hdf-dafurdu-roadmap__item h3 { margin: 0; font-size: 1.02rem; font-weight: 750; }
.hdf-dafurdu-roadmap__item p { margin: .6rem 0 0; color: var(--hdf-dafurdu-muted); font-size: .88rem; line-height: 1.65; }

/* === Responsive === */
@media (max-width: 64rem) {
    .hdf-dafurdu-why__grid,
    .hdf-dafurdu-benefits__grid,
    .hdf-dafurdu-roadmap__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .hdf-dafurdu-demo__wrap { grid-template-columns: 1fr; }
}
@media (max-width: 48rem) {
    .hdf-dafurdu-why__grid,
    .hdf-dafurdu-benefits__grid,
    .hdf-dafurdu-roadmap__grid { grid-template-columns: 1fr; }
    .hdf-dafurdu-why__item,
    .hdf-dafurdu-benefit { padding: 1.25rem; }
}