/* Homepage: simpler order, fewer sections, calmer colours (scoped to the homepage only) */
main:has(#dv-hero-stage){display:flex;flex-direction:column}
main:has(#dv-hero-stage)>*:nth-child(1){order:1}
main:has(#dv-hero-stage)>*:nth-child(2){order:2}
main:has(#dv-hero-stage)>#dv-trust-stage{order:3}
main:has(#dv-hero-stage)>*:nth-child(11){order:4}
main:has(#dv-hero-stage)>*:nth-child(3){order:5}
main:has(#dv-hero-stage)>*:nth-child(4){order:6}
main:has(#dv-hero-stage)>*:nth-child(6){order:7}
main:has(#dv-hero-stage)>*:nth-child(8){order:8}
main:has(#dv-hero-stage)>#dv-ind-stage{order:9}
main:has(#dv-hero-stage)>*:nth-child(12){order:10}
main:has(#dv-hero-stage)>*:nth-child(14){order:11}
main:has(#dv-hero-stage)>*:nth-child(15){order:12}
main:has(#dv-hero-stage)>*:nth-child(13){order:13}
main:has(#dv-hero-stage)>*:nth-child(17){order:14}
main:has(#dv-hero-stage)>script{order:20}
/* hide sections that repeat the same message */
main:has(#dv-hero-stage)>*:nth-child(5),
main:has(#dv-hero-stage)>*:nth-child(7),
main:has(#dv-hero-stage)>*:nth-child(16),
main:has(#dv-hero-stage)>*:nth-child(2) .container>div:nth-child(4){display:none!important}
/* industries: keep the simple grid, drop the busy diagram */
main:has(#dv-hero-stage) #dv-ind-stage .container>.dvx-head:first-child,
main:has(#dv-hero-stage) #dv-ind-stage .dvh-wrap,
main:has(#dv-hero-stage) #dv-ind-stage .dvi-top>.dvx-head{display:none!important}
main:has(#dv-hero-stage) #dv-ind-stage .section{padding-top:0!important}
main:has(#dv-hero-stage) #dv-ind-stage .dvi-top{margin-top:0}
main:has(#dv-hero-stage) #dv-trust-stage .section{padding-top:72px!important;padding-bottom:40px!important}

/* calmer colours: one accent (violet) for text, green for WhatsApp buttons */
main:has(#dv-hero-stage) [class*=animate-aurora],
main:has(#dv-hero-stage) .grid-lines{display:none!important}
main:has(#dv-hero-stage) .spotlight{background:#fff!important}
main:has(#dv-hero-stage) .text-gradient,
main:has(#dv-hero-stage) .dvx-grad,
main:has(#dv-hero-stage) .dvx-gradE{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;color:#6d28d9!important;-webkit-text-fill-color:#6d28d9!important}
main:has(#dv-hero-stage) .btn-primary{background:#16a34a!important;box-shadow:0 10px 24px -14px rgba(22,163,74,.7)!important;color:#fff!important}
main:has(#dv-hero-stage) .btn-primary:hover{background:#15803d!important}
main:has(#dv-hero-stage) .dvhs-mid span{background:#6d28d9!important;box-shadow:none!important}
main:has(#dv-hero-stage) .dvhs-tab i{background:#6d28d9!important}
main:has(#dv-hero-stage) .dvhs-frame{box-shadow:0 20px 50px -40px rgba(15,15,26,.35)!important}
main:has(#dv-hero-stage) .dvi-ic,main:has(#dv-hero-stage) .dvt-ic{background:#f5f3ff!important}
main:has(#dv-hero-stage) .dvi-t[href]{background:#16a34a!important}
main:has(#dv-hero-stage) .dvt-founder{background:#fff!important;color:#0f0f1a!important;border:1px solid #e9e5f8}
main:has(#dv-hero-stage) .dvt-founder:before{display:none}
main:has(#dv-hero-stage) .dvt-founder cite{color:#6d28d9!important}
main:has(#dv-hero-stage) .dvt-founder a{color:#6d28d9!important}
main:has(#dv-hero-stage) .dvt-founder img{border-color:#ede9fe!important}
main:has(#dv-hero-stage) .blur-3xl,main:has(#dv-hero-stage) [class*="blur-["]{display:none!important}

/* easier reading: slightly larger, darker body text */
main:has(#dv-hero-stage) .text-slate-500{color:#475569!important}
main:has(#dv-hero-stage) p.text-lg{font-size:1.15rem!important;line-height:1.7!important}
main:has(#dv-hero-stage) .dvx-lead,main:has(#dv-hero-stage) .dvt-card p,main:has(#dv-hero-stage) .dvi-t p{color:#475569!important}
main:has(#dv-hero-stage) .dvt-card p{font-size:15px!important}
main:has(#dv-hero-stage) .btn-primary,main:has(#dv-hero-stage) .btn-secondary{font-size:16px!important;padding:14px 26px!important}
/* final call-to-action: one calm dark colour instead of the pink gradient */
main:has(#dv-hero-stage) .bg-gradient-to-br.from-violet-600{background:#1e1b4b!important}
main:has(#dv-hero-stage) .bg-gradient-to-br.from-violet-600 .btn-light{background:#16a34a!important;color:#fff!important}
main:has(#dv-hero-stage) .bg-gradient-to-br.from-violet-600 .btn-light svg{color:#fff}

/* ===== real photos to balance the text (free Unsplash images, served from /media/ph/) ===== */
/* trust pillars */
main:has(#dv-hero-stage) .dvt-pill4 .dvt-card{display:flex;flex-direction:column;padding-top:0;overflow:hidden}
main:has(#dv-hero-stage) .dvt-pill4 .dvt-card::after{content:"";order:-1;display:block;flex:none;aspect-ratio:16/10;margin:0 -22px 4px;background:#ede9fe center/cover no-repeat}
main:has(#dv-hero-stage) .dvt-pill4 .dvt-card:nth-child(1)::after{background-image:url(/media/ph/tr-advice2.webp)}
main:has(#dv-hero-stage) .dvt-pill4 .dvt-card:nth-child(2)::after{background-image:url(/media/ph/tr-train2.webp)}
main:has(#dv-hero-stage) .dvt-pill4 .dvt-card:nth-child(3)::after{background-image:url(/media/ph/tr-support.webp)}
main:has(#dv-hero-stage) .dvt-pill4 .dvt-card:nth-child(4)::after{background-image:url(/media/ph/tr-shop.webp)}
main:has(#dv-hero-stage) .dvt-pill4 .dvt-ic{display:none}
main:has(#dv-hero-stage) .dvt-pill4 .dvt-step{z-index:2;top:12px;right:12px;background:rgba(15,15,26,.65);color:#fff;padding:3px 9px;border-radius:999px;font-size:12px}
main:has(#dv-hero-stage) .dvt-pill4 .dvt-card h3{margin-top:14px}
main:has(#dv-hero-stage) .dvt-pill4 .dvt-card{padding-bottom:22px}

/* how to start: 4 steps */
main:has(#dv-hero-stage)>*:nth-child(11) .grid>div .panel{display:flex;flex-direction:column;padding-top:0}
main:has(#dv-hero-stage)>*:nth-child(11) .grid>div .panel::after{content:"";order:-1;display:block;flex:none;aspect-ratio:16/10;margin:0 -28px 18px;background:#ede9fe center/cover no-repeat}
main:has(#dv-hero-stage)>*:nth-child(11) .grid>div:nth-child(1) .panel::after{background-image:url(/media/ph/sp-demo.webp)}
main:has(#dv-hero-stage)>*:nth-child(11) .grid>div:nth-child(2) .panel::after{background-image:url(/media/ph/sp-write.webp)}
main:has(#dv-hero-stage)>*:nth-child(11) .grid>div:nth-child(3) .panel::after{background-image:url(/media/ph/sp-install2.webp)}
main:has(#dv-hero-stage)>*:nth-child(11) .grid>div:nth-child(4) .panel::after{background-image:url(/media/ph/sp-help.webp)}
main:has(#dv-hero-stage)>*:nth-child(11) .grid>div .panel>span.flex{display:none}
main:has(#dv-hero-stage)>*:nth-child(11) .grid>div .panel>.mono{z-index:2;top:12px;right:12px;font-size:15px!important;line-height:1;color:#fff!important;background:#16a34a;padding:8px 11px;border-radius:999px;font-weight:700}
main:has(#dv-hero-stage)>*:nth-child(11) .grid>div .panel h3{margin-top:0}

/* who it's for: 4 business cards */
main:has(#dv-hero-stage)>*:nth-child(8) .grid>div>.panel{display:flex;flex-direction:column;padding-top:0}
main:has(#dv-hero-stage)>*:nth-child(8) .grid>div>.panel::after{content:"";order:-1;display:block;flex:none;aspect-ratio:16/10;margin:0 -28px 18px;border-radius:23px 23px 0 0;background:#ede9fe center/cover no-repeat}
main:has(#dv-hero-stage)>*:nth-child(8) .grid>div:nth-child(1)>.panel::after{background-image:url(/media/ph/bz-kiryana.webp)}
main:has(#dv-hero-stage)>*:nth-child(8) .grid>div:nth-child(2)>.panel::after{background-image:url(/media/ph/bz-whole.webp)}
main:has(#dv-hero-stage)>*:nth-child(8) .grid>div:nth-child(3)>.panel::after{background-image:url(/media/ph/bz-elec.webp)}
main:has(#dv-hero-stage)>*:nth-child(8) .grid>div:nth-child(4)>.panel::after{background-image:url(/media/ph/bz-pharma.webp)}
main:has(#dv-hero-stage)>*:nth-child(8) .grid>div>.panel>span.flex{display:none}
main:has(#dv-hero-stage)>*:nth-child(8) .grid>div>.panel h3{margin-top:0}

/* guides: photo thumbnails */
main:has(#dv-hero-stage)>*:nth-child(15) .grid>div>a.panel{padding-top:0}
main:has(#dv-hero-stage)>*:nth-child(15) .grid>div>a.panel::after{content:"";order:-1;display:block;flex:none;aspect-ratio:9/5;margin:0 -28px 18px;border-radius:23px 23px 0 0;background:#ede9fe center/cover no-repeat}
main:has(#dv-hero-stage)>*:nth-child(15) .grid>div:nth-child(1)>a.panel::after{background-image:url(/media/ph/gd-choose.webp)}
main:has(#dv-hero-stage)>*:nth-child(15) .grid>div:nth-child(2)>a.panel::after{background-image:url(/media/ph/gd-price.webp)}
main:has(#dv-hero-stage)>*:nth-child(15) .grid>div:nth-child(3)>a.panel::after{background-image:url(/media/ph/gd-stock2.webp)}
main:has(#dv-hero-stage)>*:nth-child(15) .grid>div>a.panel>span.flex:first-child{display:none}
main:has(#dv-hero-stage)>*:nth-child(15) .grid>div>a.panel>span.mt-8{margin-top:0}

/* FAQ and About text: a real shop photo beside the words (desktop) */
@media (min-width:1024px){
main:has(#dv-hero-stage)>*:nth-child(14) .lg\:col-span-5::after,
main:has(#dv-hero-stage)>*:nth-child(13) .lg\:col-span-5::after{content:"";display:block;margin-top:32px;max-width:440px;aspect-ratio:4/3;border-radius:24px;background:#ede9fe center/cover no-repeat;box-shadow:0 24px 50px -36px rgba(15,15,26,.5)}
main:has(#dv-hero-stage)>*:nth-child(14) .lg\:col-span-5::after{background-image:url(/media/ph/faq-shop.webp)}
main:has(#dv-hero-stage)>*:nth-child(13) .lg\:col-span-5::after{background-image:url(/media/ph/seo-counter2.webp)}
}
/* final call-to-action: real shop behind a dark calm overlay */
main:has(#dv-hero-stage) .bg-gradient-to-br.from-violet-600{background:linear-gradient(rgba(30,27,75,.88),rgba(30,27,75,.9)),url(/media/ph/cta-shop.webp) center/cover no-repeat!important}
main:has(#dv-hero-stage) .dvt-pill4 .dvt-step{inset:12px 12px auto auto}
html[data-dvlang=ur] main:has(#dv-hero-stage) .dvt-pill4 .dvt-step{inset:12px auto auto 12px}
html[data-dvlang=ur] main:has(#dv-hero-stage)>*:nth-child(11) .grid>div .panel>.mono{right:auto;left:12px}