/**
 * File: assets/css/frontend/pages/company/daf-urdu.css
 * Purpose: Styles the premium DAF Urdu for Chrome landing-page template.
 * Scope: DAF Urdu landing page only; extension delivery belongs to the Chrome Web Store.
 * Related PHP: src/Frontend/Pages/Company/DafUrduPageRenderer.php
 * Related CSS: assets/css/frontend/pages/company/shell.css, assets/css/frontend/pages/company/responsive.css
 * Package: HyperDAF Pro
 */
.hdf-dafurdu-page,.hdf-dafurdu-page *,.hdf-dafurdu-page *::before,.hdf-dafurdu-page *::after{box-sizing:border-box}.hdf-dafurdu-page{--hdf-dafurdu-accent:var(--hdf-color-primary-strong);--hdf-dafurdu-soft:var(--hdf-color-surface-selected);--hdf-dafurdu-border:var(--hdf-color-border);--hdf-dafurdu-text:var(--hdf-color-text-primary);--hdf-dafurdu-muted:var(--hdf-color-text-secondary);min-width:0;max-width:100%;background:var(--hdf-component-page-canvas-background);color:var(--hdf-dafurdu-text);scroll-behavior:smooth}.hdf-dafurdu-eyebrow{margin:0;color:var(--hdf-dafurdu-accent);font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hdf-dafurdu-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(24rem,.94fr);gap:clamp(1.5rem,4vw,4rem);align-items:center;min-width:0;padding:clamp(1.5rem,3.5vw,2.75rem);overflow:hidden;border:1px solid var(--hdf-dafurdu-border);border-radius:1.25rem;background:var(--hdf-color-surface)}.hdf-dafurdu-page.is-hero-editorial .hdf-dafurdu-hero{grid-template-columns:minmax(0,1fr);text-align:center}.hdf-dafurdu-page.is-hero-editorial .hdf-dafurdu-hero__copy{max-width:var(--hdf-layout-content);margin-inline:auto}.hdf-dafurdu-page.is-hero-editorial .hdf-dafurdu-hero__visual{width:min(100%,var(--hdf-layout-content));margin-inline:auto}.hdf-dafurdu-hero__copy,.hdf-dafurdu-hero__visual{min-width:0}.hdf-dafurdu-hero h1{margin:.7rem 0 0;color:var(--hdf-dafurdu-text);font-size:clamp(2.1rem,4.2vw,3.5rem);font-weight:750;line-height:.98;letter-spacing:-.05em}.hdf-dafurdu-page.is-hero-editorial .hdf-dafurdu-hero h1{margin-inline:auto}.hdf-dafurdu-hero__intro{max-width:var(--hdf-layout-content);margin:.9rem 0 0;color:var(--hdf-dafurdu-muted);font-size:clamp(1rem,1.55vw,1.2rem);line-height:1.7}.hdf-dafurdu-page.is-hero-editorial .hdf-dafurdu-hero__intro{margin-inline:auto}.hdf-dafurdu-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.15rem}.hdf-dafurdu-page.is-hero-editorial .hdf-dafurdu-actions{justify-content:center}.hdf-dafurdu-hero__microcopy{margin:1rem 0 0;color:var(--hdf-dafurdu-muted);font-size:.82rem;font-weight:600}.hdf-dafurdu-hero__visual{position:relative;isolation:isolate}.hdf-dafurdu-hero__image{display:block;width:100%;border:1px solid var(--hdf-dafurdu-border);border-radius:1rem;object-fit:cover}.hdf-dafurdu-popup{position:relative;z-index:1;padding:.85rem;border:1px solid color-mix(in srgb,var(--hdf-dafurdu-accent) 18%,var(--hdf-dafurdu-border));border-radius:1rem;background:var(--hdf-color-surface)}.hdf-dafurdu-popup__head{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:center;padding:.25rem .25rem 1rem;border-bottom:1px solid var(--hdf-dafurdu-border)}.hdf-dafurdu-popup__badge{display:grid;width:2.9rem;height:2.9rem;place-items:center;border-radius:.85rem;background:var(--hdf-dafurdu-accent);color:var(--hdf-color-text-inverse);font-size:1.15rem;font-weight:800}.hdf-dafurdu-popup__head div{display:grid;gap:.08rem;min-width:0}.hdf-dafurdu-popup__head small{color:var(--hdf-dafurdu-muted);font-size:.72rem}.hdf-dafurdu-popup__head strong{font-size:1rem}.hdf-dafurdu-popup__head em{padding:.35rem .7rem;border-radius:999px;background:var(--hdf-dafurdu-soft);color:var(--hdf-dafurdu-accent);font-size:.72rem;font-weight:800;font-style:normal;letter-spacing:.06em}.hdf-dafurdu-popup__status{display:flex;align-items:center;gap:.6rem;margin-top:1rem;padding:.7rem .9rem;border-radius:.7rem;background:var(--hdf-dafurdu-soft)}.hdf-dafurdu-popup__status i{width:.55rem;height:.55rem;border-radius:999px;background:var(--hdf-dafurdu-accent);flex:0 0 auto}.hdf-dafurdu-popup__status span{color:var(--hdf-dafurdu-accent);font-size:.8rem;font-weight:750}.hdf-dafurdu-popup__status code{margin-left:auto;padding:.3rem .55rem;border-radius:.45rem;background:var(--hdf-color-surface);color:var(--hdf-dafurdu-muted);font-size:.72rem;font-family:var(--hdf-typography-family-sans)}.hdf-dafurdu-popup__preview{margin-top:.75rem;padding:.85rem;border:1px solid var(--hdf-dafurdu-border);border-radius:.7rem;background:var(--hdf-color-surface-subtle);color:var(--hdf-dafurdu-muted);font-size:.84rem;min-height:4.5rem}.hdf-dafurdu-hero__shape{position:absolute;z-index:-1;border-radius:999px;background:color-mix(in srgb,var(--hdf-dafurdu-accent) 8%,transparent);pointer-events:none}.hdf-dafurdu-hero__shape--one{width:15rem;height:15rem;right:-4rem;top:-4rem}.hdf-dafurdu-hero__shape--two{width:9rem;height:9rem;left:-2rem;bottom:-3rem}.hdf-dafurdu-section{display:grid;gap:1.25rem;min-width:0;padding:var(--hdf-spacing-7);border:1px solid var(--hdf-dafurdu-border);border-radius:1rem;background:var(--hdf-color-surface);scroll-margin-top:5rem}.hdf-dafurdu-section--soft{background:var(--hdf-color-surface-subtle)}.hdf-dafurdu-section__header{display:grid;gap:.55rem;max-width:var(--hdf-layout-content)}.hdf-dafurdu-section__header h2{margin:0;color:var(--hdf-dafurdu-text);font-size:clamp(1.65rem,3vw,2.45rem);line-height:1.08;letter-spacing:-.035em}.hdf-dafurdu-section__header>p:last-child{margin:0;color:var(--hdf-dafurdu-muted);font-size:.98rem;line-height:1.7}.hdf-dafurdu-card-grid{display:grid;grid-template-columns:repeat(var(--hdf-dafurdu-card-columns,3),minmax(0,1fr));gap:1rem;min-width:0}.hdf-dafurdu-card{display:grid;grid-template-columns:auto 1fr;gap:.9rem;min-width:0;padding:1.15rem;border:1px solid var(--hdf-dafurdu-border);border-radius:.85rem;background:var(--hdf-color-surface)}.hdf-dafurdu-page.is-surface-elevated .hdf-dafurdu-card{border-color:color-mix(in srgb,var(--hdf-dafurdu-accent) 18%,var(--hdf-dafurdu-border));background:var(--hdf-color-surface-subtle)}.hdf-dafurdu-card__icon{display:grid;width:2.65rem;height:2.65rem;place-items:center;border-radius:.75rem;background:var(--hdf-dafurdu-soft);color:var(--hdf-dafurdu-accent)}.hdf-dafurdu-card__icon .hdf-icon{width:1.3rem;height:1.3rem}.hdf-dafurdu-card>div{min-width:0}.hdf-dafurdu-card h3{margin:0;color:var(--hdf-dafurdu-text);font-size:1rem;line-height:1.25}.hdf-dafurdu-card p{margin:.5rem 0 0;color:var(--hdf-dafurdu-muted);font-size:.84rem;line-height:1.62}.hdf-dafurdu-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;min-width:0}.hdf-dafurdu-shot{margin:0;min-width:0;border:1px solid var(--hdf-dafurdu-border);border-radius:.85rem;overflow:hidden;background:var(--hdf-color-surface)}.hdf-dafurdu-shot__image{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.hdf-dafurdu-shot figcaption{padding:.8rem 1rem;color:var(--hdf-dafurdu-muted);font-size:.82rem;line-height:1.55}.hdf-dafurdu-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none}.hdf-dafurdu-steps li{display:grid;gap:.9rem;min-width:0;padding:1.2rem;border:1px solid var(--hdf-dafurdu-border);border-radius:.85rem;background:var(--hdf-color-surface)}.hdf-dafurdu-steps li>span{display:grid;width:2.25rem;height:2.25rem;place-items:center;border-radius:999px;background:var(--hdf-dafurdu-accent);color:var(--hdf-color-text-inverse);font-size:.72rem;font-weight:800}.hdf-dafurdu-steps h3{margin:0;font-size:1rem}.hdf-dafurdu-steps p{margin:.45rem 0 0;color:var(--hdf-dafurdu-muted);font-size:.84rem;line-height:1.62}.hdf-dafurdu-privacy{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start;min-width:0;padding:clamp(1.25rem,3vw,2rem);border:1px solid color-mix(in srgb,var(--hdf-dafurdu-accent) 22%,var(--hdf-dafurdu-border));border-radius:1rem;background:var(--hdf-dafurdu-soft)}.hdf-dafurdu-privacy__icon{display:grid;width:3rem;height:3rem;place-items:center;border-radius:.85rem;background:var(--hdf-color-surface);color:var(--hdf-dafurdu-accent)}.hdf-dafurdu-privacy__icon .hdf-icon{width:1.45rem;height:1.45rem}.hdf-dafurdu-privacy h2{margin:.4rem 0 0;font-size:clamp(1.45rem,2.5vw,2.15rem);line-height:1.12;letter-spacing:-.03em}.hdf-dafurdu-privacy>div p:last-child{max-width:var(--hdf-layout-content);margin:.65rem 0 0;color:var(--hdf-dafurdu-muted);line-height:1.65}.hdf-dafurdu-faq__item{border:1px solid var(--hdf-dafurdu-border);border-radius:.8rem;background:var(--hdf-color-surface);overflow:hidden}.hdf-dafurdu-faq__item summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;cursor:pointer;list-style:none;font-weight:700;font-size:.95rem}.hdf-dafurdu-faq__item summary::-webkit-details-marker{display:none}.hdf-dafurdu-faq__item summary .hdf-icon{width:1.1rem;height:1.1rem;flex:0 0 auto;color:var(--hdf-dafurdu-accent);transition:transform .18s ease}.hdf-dafurdu-faq__item[open] summary .hdf-icon{transform:rotate(180deg)}.hdf-dafurdu-faq__item>p{margin:0;padding:0 1.15rem 1.15rem;color:var(--hdf-dafurdu-muted);font-size:.9rem;line-height:1.7}.hdf-dafurdu-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.5rem;align-items:center;padding:clamp(1.25rem,3vw,2rem);border:1px solid color-mix(in srgb,var(--hdf-dafurdu-accent) 22%,var(--hdf-dafurdu-border));border-radius:1rem;background:var(--hdf-dafurdu-soft)}.hdf-dafurdu-cta>div:first-child{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start;min-width:0}.hdf-dafurdu-cta>div:first-child>span{display:grid;width:3rem;height:3rem;place-items:center;border-radius:.85rem;background:var(--hdf-color-surface);color:var(--hdf-dafurdu-accent)}.hdf-dafurdu-cta>div:first-child>span .hdf-icon{width:1.45rem;height:1.45rem}.hdf-dafurdu-cta h2{max-width:24ch;margin:.4rem 0 0;font-size:clamp(1.45rem,2.5vw,2.15rem);line-height:1.12;letter-spacing:-.03em}.hdf-dafurdu-cta>div:first-child p:last-child{max-width:var(--hdf-layout-content);margin:.65rem 0 0;color:var(--hdf-dafurdu-muted);line-height:1.65}.hdf-dafurdu-cta .hdf-dafurdu-actions{flex-wrap:nowrap;margin-top:0}.hdf-dafurdu-page a:focus-visible,.hdf-dafurdu-page summary:focus-visible{outline:3px solid var(--hdf-color-focus);outline-offset:3px}

/* === Flat compact tail (1.0.220): the old "modern enhancements" block and
   the per-surface button rules are gone — buttons are the shell .hdf-button
   primitive (store button = --chrome, large = base size). === */
@media (max-width: 48rem) {
    .hdf-dafurdu-hero {
        grid-template-columns: 1fr;
        text-align: center;
        padding: 1.5rem 1.15rem;
    }
    .hdf-dafurdu-hero__copy { order: 1; }
    .hdf-dafurdu-hero__visual { order: 2; max-width: 100%; }
    .hdf-dafurdu-hero h1 { font-size: clamp(2rem, 8vw, 2.75rem); margin-inline: auto; }
    .hdf-dafurdu-actions { justify-content: center; }
    .hdf-dafurdu-popup { max-width: 20rem; margin-inline: auto; }
    .hdf-dafurdu-card-grid { grid-template-columns: 1fr; }
    .hdf-dafurdu-steps { grid-template-columns: 1fr; }
    .hdf-dafurdu-gallery { grid-template-columns: 1fr; }
    .hdf-dafurdu-cta { grid-template-columns: 1fr; text-align: center; }
    .hdf-dafurdu-cta .hdf-dafurdu-actions { justify-content: center; }
    .hdf-dafurdu-privacy { grid-template-columns: 1fr; text-align: center; }
    .hdf-dafurdu-privacy__icon { margin-inline: auto; }
}
@media (min-width: 48.01rem) and (max-width: 64rem) {
    .hdf-dafurdu-hero { grid-template-columns: 1fr; text-align: center; }
    .hdf-dafurdu-hero__visual { max-width: var(--hdf-layout-content); margin-inline: auto; }
    .hdf-dafurdu-card-grid { grid-template-columns: repeat(2, 1fr); }
    .hdf-dafurdu-steps { grid-template-columns: repeat(2, 1fr); }
}

/* === Why Built Section === */
.hdf-dafurdu-why__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}
.hdf-dafurdu-why__item {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    padding: 1.25rem;
    border: 1px solid var(--hdf-dafurdu-border);
    border-radius: 1rem;
    background: var(--hdf-color-surface);
}
.hdf-dafurdu-why__icon {
    display: grid;
    width: 3rem;
    height: 3rem;
    place-items: center;
    border-radius: .8rem;
    background: var(--hdf-dafurdu-soft);
    color: var(--hdf-dafurdu-accent);
    flex-shrink: 0;
}
.hdf-dafurdu-why__icon .hdf-icon { width: 1.5rem; height: 1.5rem; }
.hdf-dafurdu-why__item h3 { margin: 0; font-size: 1.05rem; font-weight: 750; }
.hdf-dafurdu-why__item p { margin: .5rem 0 0; color: var(--hdf-dafurdu-muted); font-size: .9rem; line-height: 1.65; }

/* === Batch 4 part 2: Green-VPN-pattern rebuild (flat, no shadows/blur/gradients) === */

/* Hero checkmarks + faithful popup toggles. */
.hdf-dafurdu-hero__checks {
    display: grid;
    gap: .4rem;
    margin: 1rem 0 0;
    padding: 0;
    list-style: none;
}
.hdf-dafurdu-hero__checks li {
    display: flex;
    gap: .55rem;
    align-items: flex-start;
    color: var(--hdf-dafurdu-text);
    font-size: .9rem;
    font-weight: 650;
    line-height: 1.5;
}
.hdf-dafurdu-hero__checks li::before {
    content: "✓";
    color: var(--hdf-dafurdu-accent);
    font-weight: 800;
    flex: 0 0 auto;
}
.hdf-dafurdu-popup__toggles {
    display: grid;
    gap: .45rem;
    margin-top: .9rem;
    padding-top: .9rem;
    border-top: 1px solid var(--hdf-dafurdu-border);
}
.hdf-dafurdu-popup__toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    color: var(--hdf-dafurdu-text);
    font-size: .82rem;
    font-weight: 650;
}
.hdf-dafurdu-popup__toggle i {
    position: relative;
    width: 2.25rem;
    height: 1.3rem;
    border-radius: 999px;
    background: var(--hdf-dafurdu-border);
    flex: 0 0 auto;
}
.hdf-dafurdu-popup__toggle i.is-on { background: var(--hdf-dafurdu-accent); }
.hdf-dafurdu-popup__toggle i b {
    position: absolute;
    top: .15rem;
    left: .15rem;
    width: 1rem;
    height: 1rem;
    border-radius: 999px;
    background: var(--hdf-color-surface);
}
.hdf-dafurdu-popup__toggle i.is-on b { left: auto; right: .15rem; }
.hdf-dafurdu-popup__sample {
    display: block;
    margin-top: .45rem;
    color: var(--hdf-dafurdu-text);
    font-size: .9rem;
}
.hdf-dafurdu-popup__sample strong { color: var(--hdf-dafurdu-accent); }

/* Store window: browser-chrome frame + listing card. */
.hdf-dafurdu-store__frame {
    border: 1px solid var(--hdf-dafurdu-border);
    border-radius: 1rem;
    overflow: hidden;
    background: var(--hdf-color-surface);
}
.hdf-dafurdu-store__chrome {
    display: flex;
    align-items: center;
    gap: .4rem;
    padding: .6rem .9rem;
    border-bottom: 1px solid var(--hdf-dafurdu-border);
    background: var(--hdf-color-surface-subtle);
}
.hdf-dafurdu-store__chrome span {
    width: .65rem;
    height: .65rem;
    border-radius: 999px;
    background: var(--hdf-dafurdu-border);
    flex: 0 0 auto;
}
.hdf-dafurdu-store__chrome code {
    margin-left: .5rem;
    min-width: 0;
    flex: 1 1 auto;
    padding: .3rem .6rem;
    border: 1px solid var(--hdf-dafurdu-border);
    border-radius: .45rem;
    background: var(--hdf-color-surface);
    color: var(--hdf-dafurdu-muted);
    font-size: .72rem;
    font-family: var(--hdf-typography-family-sans);
    overflow-wrap: anywhere;
    word-break: break-all;
    white-space: normal;
}
.hdf-dafurdu-store__card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
    padding: 1.25rem;
}
.hdf-dafurdu-store__icon {
    width: 4rem;
    height: 4rem;
    border: 1px solid var(--hdf-dafurdu-border);
    border-radius: 1rem;
    object-fit: cover;
}
.hdf-dafurdu-store__body { min-width: 0; }
.hdf-dafurdu-store__body h3 { margin: 0; font-size: 1.15rem; line-height: 1.25; }
.hdf-dafurdu-store__offered { margin: .25rem 0 0; color: var(--hdf-dafurdu-muted); font-size: .82rem; }
.hdf-dafurdu-store__meta { margin: .5rem 0 0; color: var(--hdf-dafurdu-text); font-size: .82rem; font-weight: 650; }
.hdf-dafurdu-store__desc { margin: .5rem 0 0; color: var(--hdf-dafurdu-muted); font-size: .9rem; line-height: 1.65; }
.hdf-dafurdu-store__card .hdf-dafurdu-actions { margin-top: 1rem; align-items: center; }
.hdf-dafurdu-store__link { color: var(--hdf-dafurdu-accent); font-size: .85rem; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.hdf-dafurdu-store__microcopy { margin: .8rem 0 0; color: var(--hdf-dafurdu-muted); font-size: .8rem; font-weight: 600; }

/* Proof strip: real numbers only. */
.hdf-dafurdu-proof {
    display: grid;
    gap: .9rem;
    padding: 1.25rem 1.5rem;
    border: 1px solid var(--hdf-dafurdu-border);
    border-radius: 1rem;
    background: var(--hdf-color-surface-subtle);
}
.hdf-dafurdu-proof h2 { margin: 0; font-size: .78rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--hdf-dafurdu-muted); }
.hdf-dafurdu-proof ul {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    margin: 0;
    padding: 0;
    list-style: none;
}
.hdf-dafurdu-proof li { display: grid; grid-template-rows: 1fr auto; gap: .2rem; min-width: 0; }
.hdf-dafurdu-proof li strong { align-self: start; }
.hdf-dafurdu-proof li strong { color: var(--hdf-dafurdu-accent); font-size: 1.05rem; }
.hdf-dafurdu-proof li span { color: var(--hdf-dafurdu-muted); font-size: .82rem; line-height: 1.5; }

/* Privacy declaration + status chips. */
.hdf-dafurdu-privacy__declaration { margin-top: 1rem; }
.hdf-dafurdu-privacy__declaration h3 { margin: 0 0 .5rem; font-size: .95rem; }
.hdf-dafurdu-privacy__declaration ul { margin: 0; padding-left: 1.15rem; color: var(--hdf-dafurdu-muted); font-size: .88rem; line-height: 1.7; }
.hdf-dafurdu-privacy__chips { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .9rem; }
.hdf-dafurdu-privacy__chips span {
    padding: .35rem .7rem;
    border: 1px solid var(--hdf-dafurdu-border);
    border-radius: 999px;
    background: var(--hdf-color-surface);
    color: var(--hdf-dafurdu-accent);
    font-size: .75rem;
    font-weight: 800;
}
.hdf-dafurdu-permissions__link { margin: .25rem 0 0; }
.hdf-dafurdu-permissions__link a { color: var(--hdf-dafurdu-accent); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.hdf-dafurdu-faq .hdf-company-faq__item p a { color: var(--hdf-dafurdu-accent); font-weight: 700; }

/* Roadmap as a compact strip (overrides the roadmap sheet's 3-col grid). */
.hdf-dafurdu-page .hdf-dafurdu-roadmap--strip .hdf-dafurdu-roadmap__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.hdf-dafurdu-page .hdf-dafurdu-roadmap--strip .hdf-dafurdu-roadmap__item { padding: 1rem 1.15rem; }

/* === Batch 4 part 2 responsive (all DAF responsive rules for the new blocks live here) === */
@media (max-width: 48rem) {
    .hdf-dafurdu-hero { padding: 1.25rem 1rem; gap: 1rem; }
    .hdf-dafurdu-hero h1 { font-size: clamp(1.7rem, 8vw, 2.25rem); line-height: 1.05; }
    .hdf-dafurdu-hero__intro { font-size: .95rem; line-height: 1.55; }
    .hdf-dafurdu-hero__checks { margin-top: .8rem; }
    .hdf-dafurdu-hero__checks li { font-size: .85rem; }
    .hdf-dafurdu-hero__microcopy { margin-top: .8rem; }
    .hdf-dafurdu-popup { max-width: 19rem; padding: .7rem; }
    .hdf-dafurdu-popup__toggles { gap: .35rem; margin-top: .7rem; padding-top: .7rem; }
    .hdf-dafurdu-popup__preview { min-height: 0; padding: .7rem; }
    .hdf-dafurdu-store__card { grid-template-columns: auto minmax(0, 1fr); padding: 1rem; }
    .hdf-dafurdu-store__icon { width: 3.25rem; height: 3.25rem; }
    .hdf-dafurdu-store__chrome code { font-size: .65rem; }
    .hdf-dafurdu-proof { padding: 1rem 1.15rem; }
    .hdf-dafurdu-proof ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .hdf-dafurdu-why__grid { grid-template-columns: 1fr; }
    .hdf-dafurdu-page .hdf-dafurdu-roadmap--strip .hdf-dafurdu-roadmap__grid { grid-template-columns: 1fr; }
    .hdf-dafurdu-privacy__chips { justify-content: center; }
}
@media (min-width: 48.01rem) and (max-width: 64rem) {
    .hdf-dafurdu-proof ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .hdf-dafurdu-why__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .hdf-dafurdu-page .hdf-dafurdu-roadmap--strip .hdf-dafurdu-roadmap__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* === Batch 5 part A: premium rebuild (flat, no shadows/blur/gradients) === */

/* Hero looping Roman -> Urdu typing animation, beside the popup mockup. */
.hdf-dafurdu-hero-anim {
    display: flex;
    align-items: baseline;
    gap: .55rem;
    margin-top: .85rem;
    padding: .7rem .9rem;
    border: 1px solid var(--hdf-dafurdu-border);
    border-radius: .7rem;
    background: var(--hdf-color-surface-subtle);
    font-size: .95rem;
    min-height: 2.9rem;
}
.hdf-dafurdu-hero-anim__roman { color: var(--hdf-dafurdu-muted); font-weight: 650; min-width: 4.5rem; }
.hdf-dafurdu-hero-anim__arrow { color: var(--hdf-dafurdu-accent); font-weight: 800; }
.hdf-dafurdu-hero-anim__urdu { color: var(--hdf-dafurdu-accent); font-size: 1.1rem; font-weight: 800; min-width: 3.5rem; }
.hdf-dafurdu-hero-anim__caret {
    display: inline-block;
    width: .55rem;
    height: 1rem;
    margin-left: auto;
    background: var(--hdf-dafurdu-accent);
    animation: hdf-dafurdu-caret 1s steps(1) infinite;
}
@keyframes hdf-dafurdu-caret { 50% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) {
    .hdf-dafurdu-hero-anim__caret { animation: none; }
}

/* Proof strip: seven verifiable facts (was four). Batch 6 part B: this
   rule used to sit unscoped AFTER the responsive blocks, so it silently
   overrode the 2-column mobile rule and crushed the strip into seven
   hairline columns on phones (where sub-labels could never share a
   baseline). Scoped to wide screens so the intended cascade holds:
   2 columns at or below 48rem, 4 columns to 80rem, 7 above. */
@media (min-width: 80.01rem) {
    .hdf-dafurdu-proof ul { grid-template-columns: repeat(7, minmax(0, 1fr)); }
}
@media (min-width: 48.01rem) and (max-width: 80rem) {
    .hdf-dafurdu-proof ul { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* Inline install row after the see-it-work theatre (inline only). */
.hdf-dafurdu-demo-cta {
    display: grid;
    justify-items: center;
    gap: .6rem;
    text-align: center;
}
.hdf-dafurdu-demo-cta .hdf-dafurdu-actions { margin-top: 0; justify-content: center; }
.hdf-dafurdu-demo-cta p { margin: 0; color: var(--hdf-dafurdu-muted); font-size: .82rem; font-weight: 600; }

/* Use-case bands: alternating, coded visuals only (no illustrations). */
.hdf-dafurdu-usecases { gap: 1rem; }
.hdf-dafurdu-usecase__band {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 1.25rem;
    align-items: center;
    padding: 1.25rem;
    border: 1px solid var(--hdf-dafurdu-border);
    border-radius: .85rem;
    background: var(--hdf-color-surface);
}
.hdf-dafurdu-usecase__band:nth-of-type(even) .hdf-dafurdu-usecase__visual { order: 2; }
.hdf-dafurdu-usecase__visual {
    display: grid;
    gap: .45rem;
    min-width: 0;
    padding: 1rem;
    border: 1px solid var(--hdf-dafurdu-border);
    border-radius: .85rem;
    background: var(--hdf-color-surface-subtle);
    font-size: .9rem;
    color: var(--hdf-dafurdu-muted);
}
.hdf-dafurdu-usecase__visual strong { color: var(--hdf-dafurdu-accent); }
.hdf-dafurdu-usecase__line { display: flex; justify-content: space-between; gap: .75rem; }
.hdf-dafurdu-usecase__bubble {
    padding: .6rem .8rem;
    border: 1px solid var(--hdf-dafurdu-border);
    border-radius: .7rem;
    background: var(--hdf-color-surface);
}
.hdf-dafurdu-usecase__search {
    padding: .7rem 1rem;
    border: 1px solid var(--hdf-dafurdu-border);
    border-radius: 999px;
    background: var(--hdf-color-surface);
}
.hdf-dafurdu-usecase__copy { min-width: 0; }
.hdf-dafurdu-usecase__copy h3 { margin: 0; font-size: 1.05rem; }
.hdf-dafurdu-usecase__copy p { margin: .5rem 0 0; color: var(--hdf-dafurdu-muted); font-size: .9rem; line-height: 1.65; }

/* Final CTA: proof microline repeated under the band. */
.hdf-dafurdu-cta__microcopy {
    margin: .75rem 0 0;
    color: var(--hdf-dafurdu-muted);
    font-size: .82rem;
    font-weight: 600;
    text-align: center;
}

/* Batch 5 hero-fit compaction on stacked heroes (copy/CTAs never hide). */
@media (max-width: 48rem) {
    .hdf-dafurdu-hero-anim { margin-top: .6rem; padding: .55rem .75rem; font-size: .88rem; min-height: 2.6rem; }
    .hdf-dafurdu-hero-anim__urdu { font-size: 1rem; }
    .hdf-dafurdu-usecase__band { grid-template-columns: 1fr; gap: .9rem; padding: 1rem; }
    .hdf-dafurdu-usecase__band:nth-of-type(even) .hdf-dafurdu-usecase__visual { order: 0; }
}

/* Batch 6 phone hero-fit (HERO RULE: hero bottom <= viewport height at load,
   measured with the real site header + breadcrumb above). At phone widths the
   stacked hero measured 850px tall (copy 358 + popup visual 434 + padding and
   gaps) against a 552px budget at 360x740 and a 656px budget at 390x844, so
   shrinking alone could not close a ~300px gap. What hides here, and only at
   <=42rem, is DECORATION, never copy or CTAs: the hero popup mockup is
   aria-hidden (the real interactive demo lives in the theatre section directly
   below the hero), so its preview row, status row and the looping animation
   strip are suppressed on phones while the mockup head (badge, name, ON pill)
   and all four toggles stay visible in a compact 2-column grid. Copy, checks,
   buttons and microcopy are only tightened, never hidden. */
@media (max-width: 42rem) {
    .hdf-dafurdu-hero { padding-top: .6rem; padding-bottom: .6rem; gap: .5rem; }
    .hdf-dafurdu-hero h1 { margin-top: .4rem; }
    .hdf-dafurdu-hero__intro { margin-top: .5rem; }
    .hdf-dafurdu-hero__checks { margin-top: .5rem; gap: .3rem; }
    .hdf-dafurdu-hero__checks li { font-size: .82rem; }
    .hdf-dafurdu-actions { margin-top: .8rem; }
    .hdf-dafurdu-hero__microcopy { margin-top: .5rem; }
    .hdf-dafurdu-popup { padding: .5rem; }
    .hdf-dafurdu-popup__head { padding-bottom: .4rem; }
    .hdf-dafurdu-popup__badge { width: 2.3rem; height: 2.3rem; border-radius: .7rem; font-size: 1rem; }
    .hdf-dafurdu-popup__toggles { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .45rem .75rem; margin-top: .4rem; padding-top: .4rem; }
    .hdf-dafurdu-popup__toggle { font-size: .76rem; gap: .4rem; }
    .hdf-dafurdu-popup__status,
    .hdf-dafurdu-popup__preview,
    .hdf-dafurdu-hero-anim { display: none; }
}