#root{font-family:"Plus Jakarta Sans","Segoe UI",system-ui,sans-serif}
#root>div{background:linear-gradient(180deg,#f3ebe3 0%,#faf6f0 48%,#f7f2ea 100%)!important}
#root section h1,#root section h2{font-family:Literata,"Times New Roman",serif!important;color:#2a1810!important;letter-spacing:-.02em!important}
#root section h3{color:#3d2e24!important}
#root section p,#root section li,#root .text-slate-600,#root .text-slate-500,#root .text-slate-700{color:#5c4636!important;line-height:1.68!important}
#root .text-slate-900,#root .text-slate-800{color:#2a1810!important}
#root section .text-transparent.bg-clip-text{background-image:linear-gradient(90deg,#78350f,#a16207)!important;-webkit-background-clip:text!important;background-clip:text!important}
#root .bg-white{background:#fffdf9!important;border-color:#e8dcc8!important}
#root div:has(> div[class*="photo-1639322537228-f710d846310a"]){background:linear-gradient(135deg,#4a3728 0%,#5c4636 52%,#6b5344 100%)!important;border:1px solid rgba(232,220,200,.35)!important;box-shadow:0 20px 50px -18px rgba(74,55,40,.45)!important}
#root div:has(> div[class*="photo-1639322537228-f710d846310a"]) h2{font-family:Literata,"Times New Roman",serif!important;color:#fff8ef!important;text-shadow:0 2px 20px rgba(0,0,0,.32)!important;line-height:1.15!important}
#root div:has(> div[class*="photo-1639322537228-f710d846310a"]) .text-white,#root div:has(> div[class*="photo-1639322537228-f710d846310a"]) .text-white span{color:#f3e8d8!important}
#root div:has(> div[class*="photo-1639322537228-f710d846310a"]) .text-emerald-400{color:#86efac!important}
#root img[src*="site-app-real"],
#root img[src*="site-app-desks"]{
  border:1px solid rgba(232,220,200,.55)!important;
  box-shadow:0 24px 50px -18px rgba(74,55,40,.38),inset 0 0 0 1px rgba(255,248,239,.25)!important;
}
#root img[alt="Daily Khata app"],
#root img[alt="Daily Khata desks"],
#root img[alt="Macbook showing rich analytics"]{
  border:2px solid rgba(232,220,200,.75)!important;
  box-shadow:0 24px 50px -18px rgba(74,55,40,.38)!important;
}

/* Feature desk icons (app art) — works even if cached old JS */
#features .grid > *:nth-child(1) > div.mb-6.w-14{background:#faf6f1 url(/brand/home-art/cat-hisab.jpg?v=55) center/contain no-repeat!important;border:1px solid #e5d9cc!important;overflow:hidden!important}
#features .grid > *:nth-child(2) > div.mb-6.w-14{background:#faf6f1 url(/brand/home-art/cat-reports.jpg?v=55) center/contain no-repeat!important;border:1px solid #e5d9cc!important;overflow:hidden!important}
#features .grid > *:nth-child(3) > div.mb-6.w-14{background:#faf6f1 url(/brand/home-art/cat-plan.jpg?v=55) center/contain no-repeat!important;border:1px solid #e5d9cc!important;overflow:hidden!important}
#features .grid > *:nth-child(4) > div.mb-6.w-14{background:#faf6f1 url(/brand/home-art/cat-myapp.jpg?v=55) center/contain no-repeat!important;border:1px solid #e5d9cc!important;overflow:hidden!important}
#features .grid > *:nth-child(5) > div.mb-6.w-14{background:#faf6f1 url(/brand/home-art/tab-home.jpg?v=55) center/contain no-repeat!important;border:1px solid #e5d9cc!important;overflow:hidden!important}
#features .grid > *:nth-child(6) > div.mb-6.w-14{background:#faf6f1 url(/brand/home-art/cat-smart.jpg?v=55) center/contain no-repeat!important;border:1px solid #e5d9cc!important;overflow:hidden!important}
#features .grid > * > div.mb-6.w-14 svg{opacity:0!important;pointer-events:none!important}
#features .grid > * > div.mb-6.w-14 img{width:100%!important;height:100%!important;object-fit:contain!important}

/* Pricing + marketing CTA backup (compiled Tailwind gaps) */
#root a[href="/pricing"] + * button, #root button:disabled{opacity:.55}