/* Local UI stylesheet for the Alpha Law PHP clone.
   This replaces external Google Fonts + Tailwind CDN dependencies. */

*,
*::before,
*::after { box-sizing: border-box; }

html { line-height: 1.5; -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: #f7f8fa;
  color: #1e293b;
}
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button, select { text-transform: none; }
button { cursor: pointer; background: transparent; border: 0; color: inherit; padding: 0; }
table { border-collapse: collapse; }
svg { display: block; }

::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px}

/* Layout */
.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}
.contents{display:contents}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}
.top-0{top:0}.top-1\/2{top:50%}.top-2\.5{top:.625rem}.top-20{top:5rem}.left-3{left:.75rem}.right-0{right:0}.right-3{right:.75rem}.bottom-5{bottom:1.25rem}.left-5{left:1.25rem}
.-top-0\.5{top:-.125rem}.-right-0\.5{right:-.125rem}.z-40{z-index:40}
.mx-auto{margin-left:auto;margin-right:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}
.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}
.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.-mx-2{margin-left:-.5rem;margin-right:-.5rem}.-mb-px{margin-bottom:-1px}
.min-h-screen{min-height:100vh}.min-h-28{min-height:7rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-fit{height:fit-content}
.w-2{width:.5rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-12{width:3rem}.w-16{width:4rem}.w-44{width:11rem}.w-52{width:13rem}.w-56{width:14rem}.w-64{width:16rem}.w-72{width:18rem}.w-full{width:100%}
.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-\[1400px\]{max-width:1400px}
.max-h-28{max-height:7rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}
.transform{transform:var(--tw-transform)}.-translate-y-1\/2{transform:translateY(-50%)}

/* Flex/Grid */
.items-start{align-items:flex-start}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.place-items-center{place-items:center}
.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}
.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-x-5{column-gap:1.25rem}.gap-x-6{column-gap:1.5rem}.gap-y-2{row-gap:.5rem}.gap-y-4{row-gap:1rem}
.space-y-1\.5>:not([hidden])~:not([hidden]){margin-top:.375rem}.space-y-2>:not([hidden])~:not([hidden]){margin-top:.5rem}.space-y-4>:not([hidden])~:not([hidden]){margin-top:1rem}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}
.grid-cols-\[280px_1fr\]{grid-template-columns:280px minmax(0,1fr)}.grid-cols-\[280px_1fr_48px\]{grid-template-columns:280px minmax(0,1fr) 48px}.grid-cols-\[220px_1fr\]{grid-template-columns:220px minmax(0,1fr)}.grid-cols-\[1fr_48px\]{grid-template-columns:minmax(0,1fr) 48px}.grid-cols-\[1fr_300px\]{grid-template-columns:minmax(0,1fr) 300px}

/* Spacing */
.p-0\.5{padding:.125rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-16{padding:4rem}
.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}
.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}
.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pl-9{padding-left:2.25rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}

/* Borders/radius */
.border{border-width:1px}.border-0{border-width:0}.border-t{border-top-width:1px}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-l-4{border-left-width:4px}
.border-slate-50{border-color:#f8fafc}.border-slate-100{border-color:#f1f5f9}.border-slate-200{border-color:#e2e8f0}.border-slate-300{border-color:#cbd5e1}.border-red-100{border-color:#fee2e2}.border-red-200{border-color:#fecaca}.border-amber-100{border-color:#fef3c7}.border-blue-100{border-color:#dbeafe}.border-emerald-100{border-color:#d1fae5}.border-violet-100{border-color:#ede9fe}.border-orange-100{border-color:#ffedd5}.border-white\/10{border-color:rgba(255,255,255,.1)}
.border-l-orange-400{border-left-color:#fb923c}.border-l-emerald-400{border-left-color:#34d399}.border-b-2{border-bottom-width:2px}.border-emerald-600{border-color:#059669}.border-slate-800{border-color:#1e293b}
.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}
.divide-y>:not([hidden])~:not([hidden]){border-top-width:1px}.divide-slate-50>:not([hidden])~:not([hidden]){border-color:#f8fafc}.divide-slate-100>:not([hidden])~:not([hidden]){border-color:#f1f5f9}
.last\:border-0:last-child{border-width:0}

/* Typography */
.text-center{text-align:center}.text-left{text-align:left}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.whitespace-nowrap{white-space:nowrap}.line-through{text-decoration:line-through}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-xs{font-size:.75rem;line-height:1rem}.text-\[13px\]{font-size:13px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-\[15px\]{font-size:15px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}
.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}

/* Colors */
.text-white{color:#fff}.text-slate-200{color:#e2e8f0}.text-slate-300{color:#cbd5e1}.text-slate-400{color:#94a3b8}.text-slate-500{color:#64748b}.text-slate-600{color:#475569}.text-slate-700{color:#334155}.text-slate-800{color:#1e293b}
.text-red-500{color:#ef4444}.text-red-600{color:#dc2626}.text-red-700{color:#b91c1c}.text-amber-500{color:#f59e0b}.text-amber-700{color:#b45309}.text-amber-800{color:#92400e}.text-orange-600{color:#ea580c}.text-orange-700{color:#c2410c}
.text-emerald-500{color:#10b981}.text-emerald-600{color:#059669}.text-emerald-700{color:#047857}.text-blue-500{color:#3b82f6}.text-blue-600{color:#2563eb}.text-blue-700{color:#1d4ed8}.text-sky-700{color:#0369a1}.text-indigo-700{color:#4338ca}.text-violet-600{color:#7c3aed}.text-violet-700{color:#6d28d9}
.bg-white{background-color:#fff}.bg-transparent{background-color:transparent}.bg-slate-50{background-color:#f8fafc}.bg-slate-50\/40{background-color:rgba(248,250,252,.4)}.bg-slate-100{background-color:#f1f5f9}.bg-slate-200{background-color:#e2e8f0}.bg-slate-300{background-color:#cbd5e1}.bg-slate-800{background-color:#1e293b}
.bg-brand-nav{background-color:#10261e}.bg-white\/10{background-color:rgba(255,255,255,.1)}.bg-red-50{background-color:#fef2f2}.bg-red-100{background-color:#fee2e2}.bg-amber-50{background-color:#fffbeb}.bg-amber-100{background-color:#fef3c7}.bg-orange-50{background-color:#fff7ed}.bg-orange-100{background-color:#ffedd5}
.bg-emerald-50{background-color:#ecfdf5}.bg-emerald-100{background-color:#d1fae5}.bg-emerald-600{background-color:#059669}.bg-emerald-700{background-color:#047857}.bg-blue-50{background-color:#eff6ff}.bg-blue-100{background-color:#dbeafe}.bg-blue-500{background-color:#3b82f6}.bg-blue-600{background-color:#2563eb}.bg-blue-700{background-color:#1d4ed8}.bg-sky-100{background-color:#e0f2fe}.bg-indigo-100{background-color:#e0e7ff}.bg-violet-50{background-color:#f5f3ff}.bg-violet-100{background-color:#ede9fe}
.bg-gradient-to-br{background:linear-gradient(to bottom right,#0f2a21,#10261e,#0b1714)}.from-\[\#0f2a21\],.via-\[\#10261e\],.to-\[\#0b1714\]{}

/* Effects/states */
.shadow{box-shadow:0 1px 3px rgba(15,23,42,.12)}.shadow-lg{box-shadow:0 10px 15px rgba(15,23,42,.12)}.shadow-xl{box-shadow:0 20px 25px rgba(15,23,42,.14)}
.opacity-40{opacity:.4}.opacity-70{opacity:.7}.pointer-events-none{pointer-events:none}.transition{transition:all .15s ease}.cursor-pointer{cursor:pointer}
.outline-none{outline:2px solid transparent;outline-offset:2px}
.hover\:bg-white:hover{background-color:#fff}.hover\:bg-slate-50:hover{background-color:#f8fafc}.hover\:bg-emerald-700:hover{background-color:#047857}.hover\:bg-blue-600:hover{background-color:#2563eb}.hover\:bg-blue-700:hover{background-color:#1d4ed8}.hover\:bg-white\/10:hover{background-color:rgba(255,255,255,.1)}
.hover\:text-white:hover{color:#fff}.hover\:text-slate-700:hover{color:#334155}.hover\:underline:hover{text-decoration:underline}
.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:border-emerald-500:focus{border-color:#10b981}.focus\:ring-2:focus{box-shadow:0 0 0 2px rgba(16,185,129,.3)}.focus\:ring-emerald-500\/30:focus{box-shadow:0 0 0 2px rgba(16,185,129,.3)}.focus\:ring-emerald-500\/40:focus{box-shadow:0 0 0 2px rgba(16,185,129,.4)}

/* Forms */
input, select, textarea { color: #1e293b; }
input::placeholder, textarea::placeholder { color:#94a3b8; }
select, input, textarea { background-color:#fff; }
input[type="checkbox"] { width:1rem; height:1rem; accent-color:#059669; }

/* Components */
.nav-link{color:#cbd5d1}
.nav-link:hover{color:#fff;background:rgba(255,255,255,.06)}
.nav-link.active{color:#fff;background:rgba(255,255,255,.10)}
header button.p-2.rounded-full{background:transparent!important;border:0!important;color:inherit!important}
.group:hover .group-hover\:block{display:block}
.marketing-layout,.case-layout,.demand-layout{display:grid;gap:1.5rem;grid-template-columns:1fr}

/* Responsive */
@media (min-width:640px){
  .sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}
  .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sm\:col-span-2{grid-column:span 2 / span 2}
}
@media (min-width:768px){
  .md\:flex{display:flex}
  .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
  .md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
}
@media (min-width:1024px){
  .lg\:flex{display:flex}
  .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
  .lg\:grid-cols-\[280px_1fr\]{grid-template-columns:280px minmax(0,1fr)}
  .lg\:grid-cols-\[280px_1fr_48px\]{grid-template-columns:280px minmax(0,1fr) 48px}
  .lg\:grid-cols-\[1fr_300px\]{grid-template-columns:minmax(0,1fr) 300px}
  .lg\:grid-cols-\[220px_1fr\]{grid-template-columns:220px minmax(0,1fr)}
  .lg\:grid-cols-\[1fr_48px\]{grid-template-columns:minmax(0,1fr) 48px}
  .marketing-layout{grid-template-columns:220px minmax(0,1fr)}
  .case-layout{grid-template-columns:280px minmax(0,1fr) 48px}
  .demand-layout{grid-template-columns:minmax(0,1fr) 48px}
}