/* Mobile density pass. Desktop presentation and embedded product screens stay intact. */
@media(max-width:767px){
/* Homepage */
html:not([data-product-surface]) .dayan-home-hero{padding:88px 20px 32px!important}
html:not([data-product-surface]) .company-hero-brand-logo{width:250px;max-width:85%;margin-bottom:20px}
html:not([data-product-surface]) #home-hero-title{font-size:29px!important;line-height:1.5!important;margin-bottom:0}
html:not([data-product-surface]) .dayan-company-intro{padding:28px 20px 20px!important}
html:not([data-product-surface]) #company-intro-heading{font-size:24px!important;margin-bottom:15px!important}
html:not([data-product-surface]) .company-intro-content>p{font-size:14px!important;line-height:1.85!important;margin-bottom:12px}
html:not([data-product-surface]) .company-capabilities{margin-top:20px!important;padding-top:20px!important;gap:18px!important}
html:not([data-product-surface]) .company-capabilities h3{font-size:18px!important;margin-bottom:6px!important}
html:not([data-product-surface]) .company-capabilities p{font-size:13px!important;line-height:1.8!important}
#products{padding:28px 16px!important}
#products>div:first-child{margin-bottom:22px!important}
#products>div:first-child h2,#qualifications h2,#partners h2,#users h2{font-size:24px!important;line-height:1.4!important}
#products>div:nth-child(2){gap:18px!important}
#products a.scroll-animate{border-radius:16px!important}
#products a.scroll-animate>div>div{padding:16px!important}
#products a.scroll-animate h3{font-size:20px!important;line-height:1.45!important;margin-bottom:10px!important}
#products a.scroll-animate p{font-size:13px!important;line-height:1.75!important;margin-bottom:14px!important}
#products a.scroll-animate h4{font-size:13px!important}
#products a.scroll-animate li p{font-size:12px!important;margin:3px 0 0!important}
#products a.scroll-animate ul>li+li{margin-top:10px!important}
#products a.scroll-animate [class*="mt-8"]{margin-top:18px!important}
#advantages.news-embed{margin:24px auto!important}
#advantages .news-center{padding:16px!important}
#advantages .tabs{padding:5px!important;gap:3px!important;margin-bottom:18px!important;border-radius:13px!important}
#advantages .tab-button{min-height:42px!important;font-size:14px!important;padding:9px 5px!important;border-radius:9px!important}
#advantages .news-grid{gap:14px!important}
#advantages .news-card{min-height:0!important;border-radius:14px!important}
#advantages .card-body{padding:18px!important}
#advantages .meta{font-size:12px!important;line-height:1.5!important;margin-bottom:13px!important;gap:6px 10px!important}
#advantages .news-title{font-size:17px!important;line-height:1.65!important}
#advantages .summary{font-size:13px!important;line-height:1.8!important;margin:10px 0 16px!important}
#advantages .news-link{font-size:13px!important;min-height:32px}
#advantages .more-wrap{margin-top:18px!important}
#advantages .more-button{font-size:13px!important;padding:10px 20px!important}
#qualifications,#partners,#users{padding:28px 16px!important;margin-top:20px!important;margin-bottom:20px!important}
#qualifications>div:first-child,#partners>div:first-child,#users>div:first-child{margin-bottom:22px!important}
#qualifications p,#partners p,#users p{font-size:13px!important;line-height:1.75!important}
footer>.max-w-7xl{padding-top:30px!important;padding-left:20px!important;padding-right:20px!important}
footer .home-footer-grid{row-gap:22px!important;margin-bottom:28px!important}
footer .home-footer-grid>div:first-child>p{font-size:13px!important;line-height:1.8!important;margin-top:14px!important}
/* Product editorial content, outside the interactive application previews. */
html[data-product-surface] main>.section{padding:30px 16px!important}
html[data-product-surface] .sec-head{gap:10px!important;margin-bottom:18px!important;padding-bottom:0!important}
html[data-product-surface] .sec-head h2{font-size:25px!important;line-height:1.4!important}
html[data-product-surface] .sec-head>p{font-size:13px!important;line-height:1.8!important}
html[data-product-surface] .hero-actions{gap:10px!important;margin-top:20px!important;flex-direction:row!important}
html[data-product-surface] .hero-actions .button{width:auto!important;min-height:42px!important;padding:10px 18px!important;font-size:13px!important}
html[data-product-surface] .metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
html[data-product-surface] .metric{min-width:0!important;min-height:0!important;padding:15px 12px!important;border-radius:12px!important}
html[data-product-surface] .metric>strong{font-size:28px!important;line-height:1.25!important}
html[data-product-surface] .metric>p,html[data-product-surface] .metric>span,html[data-product-surface] .metric>.target{font-size:12px!important;line-height:1.65!important;margin-top:8px!important}
html[data-product-surface] .card{padding:16px!important;border-radius:12px!important}
html[data-product-surface] .card h3{font-size:16px!important;line-height:1.5!important}
html[data-product-surface] .card p{font-size:13px!important;line-height:1.8!important}
html[data-product-surface] .cards{gap:12px!important}
html[data-product-surface] .footer-manifesto{padding-top:28px!important;padding-bottom:24px!important}
html[data-product-surface] .footer-manifesto h2{font-size:26px!important;line-height:1.45!important}
/* Factory cards: two per row, final target in one compact full-width row. */
html[data-product-surface="p1"] .hero{padding:86px 16px 28px!important}
html[data-product-surface="p1"] .hero h1{font-size:36px!important;line-height:1.25!important}
html[data-product-surface="p1"] .hero-sub{font-size:17px!important;margin-top:14px!important}
html[data-product-surface="p1"] .hero-description{font-size:14px!important;line-height:1.8!important;margin-top:14px!important}
html[data-product-surface="p1"] .metric>.icon-heading{gap:7px!important;margin-bottom:12px!important;align-items:flex-start!important}
html[data-product-surface="p1"] .metric>.icon-heading>svg{width:26px!important;height:26px!important;flex-basis:26px!important;flex-shrink:0!important;padding:5px!important;border-radius:7px!important;margin:0!important}
html[data-product-surface="p1"] .metric>.icon-heading>b{font-size:13px!important;line-height:1.6!important;margin:2px 0 0!important}
html[data-product-surface="p1"] .metric:last-child{grid-column:1/-1;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:6px 12px!important;align-items:center!important}
html[data-product-surface="p1"] .metric:last-child>.icon-heading{margin-bottom:0!important}
html[data-product-surface="p1"] .metric:last-child>strong{grid-column:2!important;grid-row:1/3!important;font-size:30px!important}
html[data-product-surface="p1"] .metric:last-child>.target{grid-column:1!important;margin:0!important}
html[data-product-surface="p1"] .value-note{padding:14px!important;font-size:12px!important;line-height:1.8!important;margin-top:14px!important}
html[data-product-surface="p1"] .phase{padding:16px!important}
html[data-product-surface="p1"] .phase h3{font-size:17px!important}
html[data-product-surface="p1"] .phase p,html[data-product-surface="p1"] .deliverable{font-size:13px!important;line-height:1.8!important}
/* Delivery page has larger section headings than the other product pages. */
html[data-product-surface="p2"] .overview-heading{gap:14px!important;padding-bottom:22px!important}
html[data-product-surface="p2"] .overview-heading h2,html[data-product-surface="p2"] .ecosystem-heading h3{font-size:28px!important;line-height:1.4!important}
html[data-product-surface="p2"] .overview-heading>p,html[data-product-surface="p2"] .ecosystem-heading p{font-size:14px!important;line-height:1.8!important}
html[data-product-surface="p2"] .overview-heading>div>span{margin-bottom:10px!important}
html[data-product-surface="p0"] .hero,html[data-product-surface="p3"] .hero{padding:84px 16px 26px!important}
html[data-product-surface="p0"] .hero h1,html[data-product-surface="p3"] .hero h1{font-size:34px!important;line-height:1.25!important}
html[data-product-surface="p0"] .hero-sub,html[data-product-surface="p3"] .hero-sub{font-size:17px!important;line-height:1.6!important;white-space:normal!important}
}

@media(max-width:767px){
html[data-product-surface="p1"] .pain-card,html[data-product-surface="p1"] .gov-step{padding:16px!important;border-radius:12px!important}
html[data-product-surface="p1"] .pain-card>.icon-heading{gap:10px!important;margin-top:8px!important}
html[data-product-surface="p1"] .pain-card>.icon-heading h3{font-size:17px!important;line-height:1.5!important}
html[data-product-surface="p1"] .pain-card p,html[data-product-surface="p1"] .gov-step p{font-size:13px!important;line-height:1.8!important;margin-top:10px!important}
html[data-product-surface="p1"] .module-panel{padding:18px 16px!important;gap:18px!important}
html[data-product-surface="p1"] .module-copy h3{font-size:21px!important}
html[data-product-surface="p1"] .module-copy>p,html[data-product-surface="p1"] .module-copy li{font-size:13px!important;line-height:1.8!important}
html[data-product-surface="p1"] .governance{gap:10px!important}
html[data-product-surface="p1"] .governance-bottom strong{font-size:15px!important;line-height:1.75!important}
html[data-product-surface="p1"] .phase-heading{gap:10px!important;margin-bottom:12px!important}
html[data-product-surface="p1"] .phase-heading .phase-no{width:32px!important;height:32px!important;flex-basis:32px!important;font-size:13px!important}
html[data-product-surface="p1"] .phase p{margin-bottom:14px!important}
html[data-product-surface="p1"] .pilot-bar{padding:17px!important;margin-top:20px!important}
html[data-product-surface="p1"] .pilot-bar b{font-size:18px!important}
html[data-product-surface="p1"] .pilot-bar p{font-size:13px!important;line-height:1.8!important}
html[data-product-surface="p1"] .footer h2{font-size:28px!important;line-height:1.45!important}
html[data-product-surface="p2"] #top.hero{min-height:0!important;height:auto!important;padding:0 16px 28px!important}
html[data-product-surface="p2"] #top .hero-content{padding-top:86px!important}
html[data-product-surface="p2"] #top h1{font-size:34px!important;line-height:1.3!important}
html[data-product-surface="p2"] #top .hero-dynamic{font-size:26px!important}
}