:root{--sun:#FFBC00;--dune:#FB7302;--oasis:#5A84A3;--sand:#FFF2D2;--ink:#22303B;--muted:#5d6872;--wa:#25D366}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Karla,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.7}h1,h2,h3,h4{font-family:Archivo,Arial,sans-serif;line-height:1.14}a{text-decoration:none}.site-wrap{max-width:1160px;margin:auto;padding:0 24px}.glass{background:rgba(255,255,255,.95);backdrop-filter:blur(10px)}.hero-overlay{background:linear-gradient(90deg,rgba(20,28,35,.86),rgba(20,28,35,.55),rgba(20,28,35,.25))}.prose-liwa p{margin:0 0 1.2rem;color:#46535e}.prose-liwa h2{font-size:clamp(1.65rem,3vw,2.25rem);margin:2.6rem 0 .9rem;color:var(--ink)}.prose-liwa h3{font-size:1.25rem;margin:1.6rem 0 .6rem}.answer-box{border-left:5px solid var(--dune);background:#fff7e8;padding:20px 22px;border-radius:12px;margin:18px 0}.fact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.fact-card{border:1px solid #f0e8d6;border-radius:16px;padding:18px;background:#fff}.review-card{border:1px solid #e7edf1;border-radius:18px;padding:22px;background:#f9fbfc}.faq details{border:1px solid #eee4cf;border-radius:14px;padding:16px 18px;background:#fff;margin-bottom:10px}.faq summary{font-weight:800;cursor:pointer;font-family:Archivo,Arial,sans-serif}.faq details p{margin:.8rem 0 0}.wa-float{position:fixed;right:22px;bottom:22px;z-index:9999;width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--wa);box-shadow:0 10px 30px rgba(0,0,0,.28);animation:waPulse 1.8s infinite;transition:transform .2s ease}.wa-float:hover{transform:scale(1.08)}.wa-float svg{width:34px;height:34px;fill:#fff}@keyframes waPulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.48),0 10px 30px rgba(0,0,0,.2)}70%{box-shadow:0 0 0 17px rgba(37,211,102,0),0 10px 30px rgba(0,0,0,.2)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0),0 10px 30px rgba(0,0,0,.2)}}.sticky-cta{position:sticky;top:92px}.crumbs a{color:#b95800}.crumbs a:hover{text-decoration:underline}.trust-badge{display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:#fff2d2;color:#6f5420;padding:8px 12px;font-size:13px;font-weight:700}.footer-link:hover{color:var(--sun)}@media(max-width:860px){.fact-grid{grid-template-columns:1fr}.desktop-nav{display:none}.wa-float{right:50%;transform:translateX(50%);bottom:16px}.wa-float:hover{transform:translateX(50%) scale(1.08)}}
/* Tailwind-compatible fallback subset used by this build. The CDN remains enabled, but these rules preserve layout if it is unavailable. */
.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.z-10{z-index:10}.z-50{z-index:50}.block{display:block}.flex{display:flex}.grid{display:grid}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.min-w-0{min-width:0}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.h-12{height:3rem}.h-\[76px\]{height:76px}.min-h-\[500px\]{min-height:500px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.overflow-hidden{overflow:hidden}.object-cover{object-fit:cover}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-6{gap:1.5rem}.gap-10{gap:2.5rem}.space-y-2>*>*+*{margin-top:.5rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.pt-6{padding-top:1.5rem}.mt-0{margin-top:0}.mt-3{margin-top:.75rem}.mt-5{margin-top:1.25rem}.mt-7{margin-top:1.75rem}.mt-10{margin-top:2.5rem}.mt-20{margin-top:5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.border{border:1px solid}.border-2{border:2px solid}.border-b{border-bottom:1px solid}.border-t{border-top:1px solid}.border-orange-100{border-color:#ffedd5}.border-slate-200{border-color:#e2e8f0}.border-slate-600{border-color:#475569}.border-white{border-color:#fff}.bg-white{background:#fff}.bg-orange-50{background:#fff7ed}.bg-orange-600{background:#ea580c}.bg-green-600{background:#16a34a}.bg-slate-50{background:#f8fafc}.bg-slate-800{background:#1e293b}.bg-slate-900{background:#0f172a}.text-white{color:#fff}.text-orange-50{color:#fff7ed}.text-orange-700{color:#c2410c}.text-amber-300{color:#fcd34d}.text-amber-400{color:#fbbf24}.text-slate-100{color:#f1f5f9}.text-slate-200{color:#e2e8f0}.text-slate-300{color:#cbd5e1}.text-slate-600{color:#475569}.text-slate-700{color:#334155}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-4xl{font-size:2.25rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.uppercase{text-transform:uppercase}.text-center{text-align:center}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-8{line-height:2rem}.tracking-\[\.22em\]{letter-spacing:.22em}.shadow{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.08)}.brightness-0{filter:brightness(0)}.invert{filter:invert(1)}.hover\:bg-orange-700:hover{background:#c2410c}.hover\:bg-green-700:hover{background:#15803d}.hover\:bg-orange-50:hover{background:#fff7ed}.hover\:bg-white:hover{background:#fff}.hover\:text-orange-600:hover{color:#ea580c}.hover\:text-slate-900:hover{color:#0f172a}
@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:text-6xl{font-size:3.75rem}}
@media(min-width:1024px){.lg\:grid-cols-\[minmax\(0\,1fr\)_320px\]{grid-template-columns:minmax(0,1fr) 320px}}

/* Liwa navigation extension only. Existing site CSS remains unchanged. */
.nav-dropdown{position:relative;display:flex;align-items:center}
.nav-dropdown>a{display:flex;align-items:center;gap:6px}
.nav-dropdown .nav-caret{font-size:11px;line-height:1;transition:transform .2s ease}
.nav-dropdown:hover .nav-caret,.nav-dropdown:focus-within .nav-caret{transform:rotate(180deg)}
.nav-dropdown-menu{position:absolute;top:calc(100% + 16px);left:50%;transform:translateX(-50%) translateY(8px);width:330px;background:#fff;border:1px solid #f0e8d6;border-radius:18px;padding:10px;box-shadow:0 18px 45px rgba(34,48,59,.16);opacity:0;visibility:hidden;pointer-events:none;transition:.18s ease;z-index:100}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.nav-dropdown-menu:before{content:"";position:absolute;top:-8px;left:50%;width:16px;height:16px;background:#fff;border-left:1px solid #f0e8d6;border-top:1px solid #f0e8d6;transform:translateX(-50%) rotate(45deg)}
.nav-dropdown-menu a{position:relative;display:block;padding:10px 12px;border-radius:10px;color:#22303B!important;font-size:14px;line-height:1.3}
.nav-dropdown-menu a:hover{background:#FFF2D2;color:#FB7302!important}
.nav-dropdown-menu .nav-group-title{display:block;padding:8px 12px 5px;font-family:Archivo,Arial,sans-serif;font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#5A84A3}
.nav-dropdown-menu .nav-sep{height:1px;background:#f0e8d6;margin:6px 4px}
@media(max-width:860px){.nav-dropdown-menu{display:none}}

/* Same dropdown treatment for newly added static HTML pages. */
.desktop-nav .seo-nav-dropdown{position:relative;display:flex;align-items:center}
.desktop-nav .seo-nav-dropdown>a{display:flex;align-items:center;gap:6px}
.desktop-nav .seo-dropdown-menu{position:absolute;top:calc(100% + 18px);left:50%;transform:translateX(-50%) translateY(8px);width:320px;background:#fff;border:1px solid #f0e8d6;border-radius:16px;padding:10px;box-shadow:0 18px 45px rgba(34,48,59,.16);opacity:0;visibility:hidden;pointer-events:none;transition:.18s ease;z-index:100;color:#22303B}
.desktop-nav .seo-nav-dropdown:hover .seo-dropdown-menu,.desktop-nav .seo-nav-dropdown:focus-within .seo-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.desktop-nav .seo-dropdown-menu a{display:block;padding:9px 11px;border-radius:9px;color:#22303B;font-size:13px}
.desktop-nav .seo-dropdown-menu a:hover{background:#FFF2D2;color:#FB7302}
.desktop-nav .seo-dropdown-title{display:block;padding:7px 11px 4px;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#5A84A3}