<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>UNO.CARE</title>
	<atom:link href="https://www.uno.care/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.uno.care</link>
	<description>Corporate Health &#38; Wellness Solutions</description>
	<lastBuildDate>Thu, 11 Jun 2026 12:21:49 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://www.uno.care/wp-content/uploads/2026/04/cropped-Untitled_designnn-removebg-preview-1-32x32.png</url>
	<title>UNO.CARE</title>
	<link>https://www.uno.care</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Can the Right Health Checkup Help Reduce Insurance Costs?</title>
		<link>https://www.uno.care/can-right-health-checkup-help-reduce-insurance-costs/</link>
					<comments>https://www.uno.care/can-right-health-checkup-help-reduce-insurance-costs/#respond</comments>
		
		<dc:creator><![CDATA[Isht Dua]]></dc:creator>
		<pubDate>Wed, 10 Jun 2026 13:02:40 +0000</pubDate>
				<category><![CDATA[Heath Check Up]]></category>
		<category><![CDATA[Employee Wellness Programs]]></category>
		<category><![CDATA[Health Checkup]]></category>
		<category><![CDATA[Right Health Checkup]]></category>
		<guid isPermaLink="false">https://www.uno.care/?p=4965</guid>

					<description><![CDATA[When you talk to the majority of materials management directors, environmental/safety officers, or HR directors about their annual health monitoring programs’ results, they probably would say something along the lines of: “We complied with the requirements of the Factory Act and completed pre-employment medical examinations, and all boxes checked and records archived.” You would, more [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">When you talk to the majority of materials management directors, environmental/safety officers, or HR directors about their annual health monitoring programs’ results, they probably would say something along the lines of: “We complied with the requirements of the Factory Act and completed pre-employment medical examinations, and all boxes checked and records archived.” You would, more than likely, not hear them say, “It has reduced our insurance renewal.” The gap between treating health monitoring as simply a compliance necessity versus utilizing health monitoring as a financial lever presents one of the greatest missed chances for Indian companies managing workforce health today.</p>



<p class="wp-block-paragraph">When structured correctly, the right <span style="color: #0000ff;"><a style="color: #0000ff;" href="https://www.uno.care/comprehensive-health-checkups/">corporate health monitoring programme</a> </span>(and included within an appropriate functional health data framework) will financially affect the economics of insurance. That is: significantly, obviously and long-term.</p>



<p class="wp-block-paragraph">The “right” corporate health monitoring programme is based on the varying intents of the different health monitoring programme packages. Therefore, the structure of each health monitoring programme package varies significantly in the degree of appropriate health intelligence that contributes to substantial cost discussion regarding the company’s insurance cost.</p>



<p class="wp-block-paragraph">In order to effectively utilise workforce health to reduce insurance costs, it is imperative to recognise the differences between strategic preventative health examinations versus routine screening (post-employment) examinations.</p>



<h2 class="wp-block-heading" style="text-align: left;">Why Health Checkups and Insurance Costs Are More Directly Linked Than Most Realise</h2>



<p class="wp-block-paragraph">The cost of group health insurance in India is based on the number and severity of claims. Renewal premiums will increase when the frequency of claims increases; therefore increasing the cost to the insurance company. The conditions that generate the most expensive claims, such as cardiac hospitalization events, diabetic complications, advanced kidney disease, and late-stage cancers, are usually preventable or manageable conditions that have gone undetected for years before being diagnosed.</p>



<p class="wp-block-paragraph">This provides the financial logic for providing <span style="color: #0000ff;"><a style="color: #0000ff;" href="https://www.uno.care/comprehensive-health-checkups/">preventive health checkups</a>;</span> it’s not just a health benefit but rather a way of providing an early warning system to identify the risk and minimize the cost of that risk before it becomes a claim.</p>



<p class="wp-block-paragraph">Think about the costs in insurance terms for being undiagnosed; someone with undetected hypertension and an early diagnosis of metabolic syndrome is currently classified as low cost, but in three years, once they have had their first heart attack and are going for bypass surgery, that person now has caused distortion of the group insurance loss ratio for a mid-sized company based on their claim alone. Now multiply that across a 500- or 5,000-person company, and the total loss to the insurance company from undiagnosed chronic disease risk would be substantial and avoidable.</p>



<p class="wp-block-paragraph">Preventive health check-ups can stop that trend; however, they must be correctly designed to provide the appropriate information and ensure that the appropriate follow-up takes place.</p>



<h2 class="wp-block-heading">The Design Failures That Make Most Health Checkups Ineffective</h2>



<p class="wp-block-paragraph">Corporate health checkup programs in India have a painful reality to face&#8230; they were made for completion &#8211; not for action! The standard operating procedure looks something like this: An outside company is engaged as a <span style="color: #0000ff;"><a style="color: #0000ff;" href="https://www.uno.care/diagnostics/">diagnostic partner</a>.</span> Employees go through a series of tests at an onsite health check-up camp. Reports are produced either in paper form or as single PDFs of the employee. Employees then retrieve their respective reports with the results of tests that may indicate areas of concern (elevated blood sugar, elevated lipids and/or elevated blood pressure), but these flagged results will likely remain in an employee&#8217;s files with no one doing a systematic review of these flagged areas of concern. There is also very little clinical follow-up on these flagged areas of concern. There is no longitudinal data tracking to identify any progress on these flagged areas of concern. There is no aggregated risk-based intelligence to guide us with our future decisions regarding employee health management. </p>



<p class="wp-block-paragraph">From a health outcomes perspective, this is absolutely inadequate and from the perspective of insurance costs, this situation is even worse as it gives the impression of health being proactively managed by your company when in fact it is doing nothing to enjoy the financial advantages that surely should be derived from a legitimate and successful preventive healthcare programme. </p>



<p class="wp-block-paragraph">It is not that the Health Check-up itself failed; the failure is that nothing proceeds from it, such as structured data collection, risk stratification, routing for clinical interventions and trend analysis on a year-to-year basis. The aforementioned items are the critical elements that turn a health check-up from being merely a compliance occurrence to being a cost-saving tool for insurers. </p>



<h2 class="wp-block-heading">What a Strategically Designed Preventive Health Checkup Actually Covers</h2>



<p class="wp-block-paragraph">Although the clinical content of a health checkup is very important, it does not tell the whole story. The difference between a health checkup package designed to provide preventive impact and a basic annual health checkup is in the combination of scope, data quality, and downstream processes.</p>



<p class="wp-block-paragraph">Scope is based on actual risk profiles. The working-age population in India has a defined chronic disease burden—specifically a growing prevalence of type II diabetes, hypertension, dyslipidemia and non-alcoholic fatty liver disease—most of which occur without symptoms and create expensive complications when left untreated. An Indian enterprise workforce should have as a standard component of their full body check up metabolic panels, cardiovascular risk markers, organ function assessments, as well as age-appropriate cancer screening indicators—these are not simply &#8220;premium&#8221; items added to one&#8217;s health checkup.</p>



<p class="wp-block-paragraph">Occupational health parameters such as spirometry, audiometry, and exposure specific testing should also be used to address an industrial workforce&#8217;s risk profiles due to their work environment (i.e., manufacturing or chemical).</p>



<p class="wp-block-paragraph">Quality data allows for aggregation of individual checkup reports useful for the employee but only provides value to the employer from an understanding of population-level risks if that data is able to be aggregated, anonymized and analyzed at the workforce level with standardized test panels, digital data capture and a platform to convert the individual health record into population health intelligence.</p>



<p class="wp-block-paragraph">Most critical component of design is follow-through that closes the intervention loop. Employees with flagged results must be directed into the appropriate care pathway &#8211; whether that be a referral for further investigation, enrollment into a condition-management program or a follow-up consultation at the OHC. A checkup that produces a flag without any follow-through is incomplete from a medical perspective and worthless from a profit perspective.</p>



<h2 class="wp-block-heading">How Health Checkup Data Strengthens Insurance Renewal Negotiations</h2>



<p class="wp-block-paragraph">The availability of structured, longitudinal, aggregated and analytically accessible health checkup data changes the group insurance market.</p>



<p class="wp-block-paragraph">Group medclaimes are priced based on an insurer&#8217;s estimate of total health risk of the insured group. Historically, this estimate has been based upon claims data from the previous twelve months; however, organisations that can provide health checkup data to supplement claims data can present a much fuller risk description.</p>



<p class="wp-block-paragraph">At renewal time, if an organisation has access to three years of periodic health checkup data, indicating a decrease in the number of people with uncontrolled hypertension, improvement of their metabolic health markers and increased levels of early detection for medical conditions requiring intervention, then the organisation has proof that its risk is decreasing, even when last year&#8217;s claims are taken into account. This is a significant piece of structured data that allows sophisticated underwriting to include this evidence in their pricing model.</p>



<p class="wp-block-paragraph">There are also some more direct ways. Premium discounts or better terms based on documentation of preventive health efforts, such as demonstrated adherence to checkups, participation in health risk assessment programs, or enrolment in chronic disease management programs, are common features of many group insurance policies offered in India. This provision was made specifically due to insurers’ knowledge that organizations involved in prevention will be generating less claims in the long term, and it makes sense for an insurer to encourage them in such a behaviour.</p>



<h2 class="wp-block-heading">The Tax Dimension: An Underutilised Benefit for Corporate Health Checkup Investment</h2>



<p class="wp-block-paragraph">A potential financial advantage that many companies overlook in calculating their return on investment from employee health checkups should also be mentioned.</p>



<p class="wp-block-paragraph">The cost of preventive health checkup can be claimed as a tax deduction under Section 80D of the Income Tax Act, up to ₹5,000 a year for an individual, which includes self and family checkups. In case of companies offering organized employee health checkup packages within a wellness program, this tax reduction translates into tangible savings.</p>



<p class="wp-block-paragraph">In general, preventive healthcare spending recorded can also be considered an investment into wellness infrastructure that could have certain tax implications for companies worth considering with finance. This is one aspect of wellness program business cases that is largely underrepresented by HR, and maybe should be taken into consideration.</p>



<h2 class="wp-block-heading">The Infrastructure Behind Making This Happen at Scale</h2>



<p class="wp-block-paragraph">This is where the theory of our approach intersects with the operational reality that many Indian companies face: running a health check-up program in a way that creates valuable health insights, maintains consistent clinical standards, and creates a follow-up system is no easy feat.</p>



<p class="wp-block-paragraph">A fragmented vendor ecosystem, inconsistent quality of tests performed, manual OHC records, and lack of integrated health data systems are some of the obstacles standing in the way of most businesses being able to move from health check-ups for compliance to health check-ups as a strategy for health management.</p>



<p class="wp-block-paragraph">This is the gap that UNO.Care addresses.</p>



<h2 class="wp-block-heading">Transforming Health Check-Ups into Data-driven Health Intelligence for Insurance Purposes at UNO.Care</h2>



<p class="wp-block-paragraph">UNO.Care is India&#8217;s <a href="https://www.uno.care/"><span style="color: #0000ff;">AI-based workplace health and wellness platform</span></a> tailored exclusively to the complex operations of large organizations in <a href="https://www.uno.care/automotive/">manufacturing</a>, <a href="https://www.uno.care/pharma/">pharmaceuticals</a>, OEMs, PSUs, and corporate multi-site environments.</p>



<p class="wp-block-paragraph">The corporate health check-up network at UNO.Care brings together pre-employment health checks, periodical health screenings, and statutory occupational health checks under one umbrella platform — delivered through a consistent NABL/NABH partner diagnostic process, nationwide coverage, and an AI-based reporting capability that transforms employee health check-ups into meaningful data-driven population health intelligence.</p>



<p class="wp-block-paragraph">Through its UNO.360 OHSW platform, HR managers, EHS managers, and plant managers have access to real-time health risk profiling information including flagged health conditions, trends, health risk cohort segmentation, and compliance with health checks across all locations. This is the data-driven foundation that ensures your insurance conversation takes a fundamentally different turn than last year&#8217;s claims defense.</p>



<p class="wp-block-paragraph">This carries over into the individual-level experience via UNO.Care’s employee health application, which provides personal health histories, reminder notifications, and health engagement features for keeping preventive healthcare ongoing rather than sporadic, since even a high-quality annual camp experience will still be one-and-done. Continuous insurance benefits necessitate continued health engagement.</p>



<p class="wp-block-paragraph">The enterprise that has had difficulty maintaining a high level of checkup quality in its multiple sites, or deriving valuable analysis from isolated diagnostic results, UNO.Care’s full service solution fixes the operations problem that stops most health checkup programs from realizing all of their monetary potential.</p>



<h2 class="wp-block-heading">Who Should Be Having This Conversation Internally</h2>



<p class="wp-block-paragraph">At the end of the day, making the case for a thoughtfully crafted preventive health checkup program is as much an economic argument as it is a health argument – and should go far beyond the HR department.</p>



<p class="wp-block-paragraph">CHROs or EH&amp;S Directors normally sponsor the programme. However, those who would directly gain from the benefits arising from the reduction in insurance costs case are the CFOs and their finance teams, since they endure every year with rising group mediclaim renewals but do not have any lever to pull. In addition, plant managers and operations managers also have a share in the benefits since health is an important issue related to absenteeism and productivity and unplanned downtime caused by medical issues.</p>



<p class="wp-block-paragraph">In such cases where all these different departments come together with the common objective of lowering the cost of poor health among the workforce, then a solid argument exists for shifting from mere compliance health check-up to strategic employee health checkup programmes.</p>



<p class="wp-block-paragraph">A corporate health checkup that fails to identify any risks, fails to take any follow-up action and generates results that no one analyzes for trends is an investment without any gains. A corporate health checkup aimed at identifying risks, directing them into interventions, and helping form a picture of long-term workforce health is another matter altogether — one that clearly lowers insurance premiums, because it reduces the number of claims made.</p>



<p class="wp-block-paragraph">Corporate health checkup that simply takes care of the health of your employees is not enough. A true corporate health checkup takes care of protecting the company against the adverse effects of unhealthy employees. This should be the focus of your corporate health checkup program.</p>



<p class="wp-block-paragraph">Are you ready to move from merely checking off regulatory box checkups to setting up a corporate health infrastructure that actively works to lower your exposure? <span style="color: #0000ff;"><a style="color: #0000ff;" href="https://www.uno.care/contact/">Get a demo</a></span> of UNO.Care&#8217;s revolutionary AI-based corporate health checkup platform.</p>




]]></content:encoded>
					
					<wfw:commentRss>https://www.uno.care/can-right-health-checkup-help-reduce-insurance-costs/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>How Well-Designed Wellness Programs Reduce Insurance Costs Sustainably</title>
		<link>https://www.uno.care/how-wellness-programs-reduce-insurance-costs/</link>
					<comments>https://www.uno.care/how-wellness-programs-reduce-insurance-costs/#respond</comments>
		
		<dc:creator><![CDATA[Isht Dua]]></dc:creator>
		<pubDate>Sat, 06 Jun 2026 10:01:42 +0000</pubDate>
				<category><![CDATA[Wellness Program]]></category>
		<category><![CDATA[Wellness Programs]]></category>
		<category><![CDATA[Wellness Programs Insurance Costs]]></category>
		<category><![CDATA[Wellness Programs Reduce Insurance]]></category>
		<guid isPermaLink="false">https://www.uno.care/?p=4870</guid>

					<description><![CDATA[This conversation is going on in multiple boardrooms in India right now between the head of HR or EHS and the CFO about the annual group mediclaim renewal. Premiums are higher again, and claims have increased year-on-year; therefore, the CFO is looking for an explanation about this cost increase. The CFO has also mentioned wellness [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="4870" class="elementor elementor-4870" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-f4379ed e-flex e-con-boxed e-con e-parent" data-id="f4379ed" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-91e2062 elementor-widget elementor-widget-text-editor" data-id="91e2062" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p><span style="font-weight: 400;">This conversation is going on in multiple boardrooms in India right now between the head of HR or EHS and the CFO about the annual group mediclaim renewal. Premiums are higher again, and claims have increased year-on-year; therefore, the CFO is looking for an explanation about this cost increase. The CFO has also mentioned wellness programs run by the organization to the finance teams, who gave a polite but distinct silence back.</span></p><p><span style="font-weight: 400;">This is the main issue with how India&#8217;s large enterprises treat employee wellness. They have them, they pay for them — but they are not designed to move the economics of insurance.</span></p><p><span style="font-weight: 400;"><br />The issue is not that the construct of a wellness program is wrong; but the design of the program is incorrect. A <a href="https://www.uno.care/">well-designed wellness program</a> that has specific and identifiable intent, and a well-constructed health data infrastructure will lead to lower healthcare claim costs, and as a result, reduce the long-term costs of providing group insurance. The key word here is &#8216;designed well.&#8217; The program should not be based just on distributing gym memberships at new-hire orientation and then completely disappearing by March. They should not be based only on having an annual health fair, then causing an overload of reports that no one reads. They need to be truly integrated so that they prevent major health problems from occurring across an entire employee population.</span></p><p><span style="font-weight: 400;">Let me explain how this works and why this is even more important to Indian enterprises than most HR leaders realize.</span></p><h2><strong><br />The Group Mediclaim Problems Are Really A Healthcare Problem</strong></h2><p><span style="font-weight: 400;"><br />Currently in India the average group mediclaim premium increases are 10 &#8211; 15 % per year across all types of corporate medical portfolios. This trend appears to be a result of the post-COVID increase in usage of mediclaim, the significant increase in the number of employees with chronic diseases living within working age, and the approximate 2 &#8211; 3 times greater cost inflation in the healthcare sector (i.e., the increase in the healthcare costs has outpaced the cost of all other goods measured by the Journalism Consumer Price Index combined — on average 4 to 6% annually). Therefore, group insurance is a large fixed expense for the majority of manufacturers, public sector units (PSUs) and multi-location corporations, and similar to a few other fixed expenses, group insurance renewals compound each year.</span></p><p><span style="font-weight: 400;"><br />One issue that many companies often overlook is that when it comes time to renew your company’s premium there will be two factors that affect the premium price; claims made against your employees’ healthcare and historical claims experience of your employee pool. Therefore, to avoid having to pay more than average for your premiums each year, the highest claims activity relative to the claims submitted to your employer’s insurance carrier comes from chronic illnesses (e.g., diabetes, hypertension, cardiac incidents, and musculoskeletal issues) and these diseases are often times not random events; they can be prevented, detected and/or managed if the right steps are taken.</span></p><p><span style="font-weight: 400;"><br />The reason why preventive healthcare programs have a major impact on insurance is that they do not only assist members in reducing the cost of a claim after they have made a claim, but they also assist in reducing the number of times conditions arise that would cause a person to eventually file a claim.</span></p><p><span style="font-weight: 400;"><br />What does it mean in practice to be &#8220;well-designed&#8221;? The parameter &#8220;Well-Designed&#8221; refers to the structural characteristics of wellness programs that drive claims-based results versus &#8220;decorative&#8221; HR programs.<br /></span></p><p><span style="font-weight: 400;"><br />1. They are based on health data (not just &#8220;participation&#8221; visibility) &#8211; In order for an employer&#8217;s wellness program to move claims-based results, it must be able to link the participation of its employees in health and wellness programs to their clinical health data. For example, an employer cannot expect to impact claims by tracking step counts if the employer does not have an understanding of the employee&#8217;s clinical health data, which would include longitudinal data on health risk indicators such as HbA1c, blood pressure and body mass index within their workforce. The only way to create a health improvement effect for a whole population of employees is to have a way to identify health risks for the whole population (i.e., do periodic, structured health check-ups, not only pre-employment physicals, so you can gather longitudinal data on the employee&#8217;s health risk indicators within your workforce).</span></p><p><span style="font-weight: 400;"><br />2. They identify and intervene with high-cost/high-risk employees. For most employers, a very small percentage of employees (typically 5-20% of total employees) are responsible for the majority of medical claims costs (i.e., 80-95% of all medical claims). Much research has shown that approximately 20% of employees consume 80% of healthcare dollars; therefore, a well-designed corporate wellness program will segment the workforce by risk, identify this subset of employees early on, and provide targeted interventions (e.g. condition management support, specialist referrals, and mental health support) to these high-risk employees, before an employee&#8217;s risk crystallizes into having to be admitted to the hospital.</span></p><p><span style="font-weight: 400;"><br />They link prevention with clinical care follow-through. The largest gap in the majority of corporate health check-up programs is how they address issues after an employee receives their health check-up report. If an employee has a flagged result (e.g., pre-diabetes, elevated blood pressure, high cholesterol); all they receive is their printed results (from the health check-up) with no follow-up action plan. Employees are left to simply &#8220;carry forward&#8221; until they file an insurance claim two years later. A properly designed program will create an effective pathway to provide care for employees with abnormal results by moving them into structured care pathways and providing a mechanism for tracking remediation. Properly designed programs will turn health check-ups from compliance theatre into a meaningful way for employers to manage their liability risk caused by employee health claims.</span></p><p><span style="font-weight: 400;"><br />They are longitudinal and ongoing &#8211; they are not episodic in nature. A single annual health camp is NOT a wellness program; it is only a data point. For the insurance companies, there are long-term trends when examining claims data and these trends are a function of year-round engagement for the employee regarding their health &#8211; e.g., daily engagement through a Health Engagement application, health coaching with a health coach, chronic disease management at the OHC level, and periodic check-ins and screenings. It is through this continuous contact with employees regarding their health that the health of the workforce can be seen over the long-run as it is improved and will help the employer when developing their renewal strategy for the health plan.</span></p><h2><strong><br />Financial mechanics explain the relationship between claims reduction and savings on health insurance.</strong></h2><p><span style="font-weight: 400;"><br />In India, group mediclaim prices are based on the loss ratio (the number of claims divided by premium paid) from the previous year. A favorable ratio results in better renewal terms from insurers; an unfavorable ratio results in increased premiums and/or underwriter exclusion. Preventive healthcare programs can affect the loss ratio directly in three ways. First, they reduce high-cost hospitalizations by identifying and treating individuals with health issues before their conditions develop into acute-care needs. Second, they reduce the average severity of claims by allowing for early-stage intervention, which is less costly to provide than emergency or end-stage treatment. Third, they provide the insurer with documented evidence of proactive health management that can be used when determining future rates.</span></p><p><span style="font-weight: 400;"><br />Organizations that provide their insurance renewal discussions with a structure of wellness and occupational health data are increasingly obtaining a better negotiating position. They can demonstrate claims&#8217; trends and enhancements associated with risk stratifications, and accurately represent their employees&#8217; risk level as lower than might be indicated by their raw demographics. These represent major commercial leverage advantages for HR and finance teams that generally do not exist because they haven&#8217;t established a comprehensive data infrastructure to support this capability.</span></p><h2><strong><br />The India Specific Context: Additional Risks Faced by Industrial Workforces</strong></h2><p><span style="font-weight: 400;"><br />Workers in factories and plants in India face layers of additional occupational exposure risk that impact the cost of their insurance in ways that a generic wellness program can&#8217;t address. Workers in these industries experience occupational exposure to dust, chemicals, repetitive strain, noise, and heat stress that create health conditions that white-collar workers would rarely develop. Occupational respiratory diseases, hearing impairment, musculoskeletal conditions, and chronic toxicity from exposure are some of the health conditions found in industrial occupations. To assist in monitoring these exposures there is a requirement for factory workers to undergo mandatory health checks per the requirements of the Factories Act. However, in most organisations, health check records are typically maintained separate from the employee&#8217;s overall health and wellness programs; thereby producing compliance verifiable records without providing useful health information.</span></p><p><span style="font-weight: 400;"><br />By putting together both occupational health and wellness programme data, we develop a much more comprehensive picture of the health risks to the workforce. If an employee is flagged for having an abnormal spirometry result in an occupational health check and also has elevated cardiovascular risk factors from their wellness check, that is an example of a compound risk that would not be identified by either programme alone. Proactively managing that risk is both a legal duty of care and a tool for reducing insurance costs.</span></p><h2><strong><br />How UNO.Care Creates the Framework to Generate Ongoing Reduction in Insurance Costs</strong></h2><p><span style="font-weight: 400;"><br />For the majority of Indian companies, the primary challenge they face with corporate health and wellness programmes is not an issue of &#8216;awareness&#8217;, but rather the &#8220;capability of executing.&#8221; To run a true corporate health and wellness programme that will have a meaningful impact on the economics of their insurance, a company requires a technology infrastructure that very few companies have the human resources to build or operate.</span></p><p><span style="font-weight: 400;"><br />UNO.Care is designed to fill this technology infrastructure void. It&#8217;s an AI-enabled Occupational Health and Employee Wellness platform that connects the entire health, wellness, and safety continuum for the employee population — pre-employment health assessments; periodic and statutory screenings; digital OHC management; health risk stratification; and employee engagement with wellness activities; all into a coherent, analytic system.</span></p><p><span style="font-weight: 400;"><br />The UNO.360 Occupational Health and Safety Web platform produces population level health dashboards for the purpose of giving heads of Environmental Health and Safety, Chief Human Resources Officers (CHRO) and Plant Management the workforce health visibility to identify risk cohorts, track the outcomes of interventions and produce the type of longitudinal health data that will change the way organisations discuss their insurance renewal.  The organisations using UNO.Care will not sit across the table from a renewal underwriter with nothing but the previous year’s claims report.  Instead, they will come equipped with structured health trends, risk segmentation analysis and documented records for preventive interventions, resulting in a fundamentally different negotiating position.</span></p><p><span style="font-weight: 400;"><br />The employee health app provides a means to extend wellness engagement into the daily routines of the workforce making preventive health care programmes available and continuous rather than episodic.  Additionally, the NABL/NABH partner diagnostic ecosystem ensures that the quality and integrity of check-up health care data meets the standards to ensure the analytics generated from this data can be credible both within an organisation as well as to the insurance industry.</span></p><p><span style="font-weight: 400;"><br />For organisations that operate in multiple manufacturing sites, offices and plants, the PAN India health checkup infrastructure of UNO.Care addresses the operational complexity frequently associated with multiple site wellness programmes leading to inconsistent implementation of these programmes.  Inconsistently implemented wellness programmes have the potential to jeopardise the integrity of data, which is the basis for the entire argument for reducing insurance costs.</span></p><h2><strong><br />Creating The Case For An Internal Business Case</strong></h2><p><span style="font-weight: 400;"><br />HR &amp; EHS leaders should present this business case in a financial management perspective to both operations and Finance leaders as an &#8220;insurance cost management strategy&#8221; versus simply framing it as the cost of wellness.</span></p><p><span style="font-weight: 400;"><br />In terms of establishing this comparison, consider your groups&#8217; annual mediclaim premium on per employee basis, your group&#8217;s current claims incidence and average severity; how much can you save on next year&#8217;s renewal if your group experiences a 10-15% reduction in the amount of high cost claims (i.e., cardiac, diabetic, musculoskeletal)? When you are modelling these numbers conservatively, the majority of the time that there is a clear case of a properly resourced, corporate based wellness and occupational health infrastructure by solely quantitative (i.e., Financial) measurements. Once you include additional benefits such as increased productivity, decrease time/attrition, and comply with workers comp regulations, the case becomes even more clear, regardless of what the monetary benefit will be to your organization.</span></p><p><span style="font-weight: 400;"><br />Companies that are winning their case internally are those that have moved away from treating wellness as a soft &#8220;HR&#8221; benefit and instead are now treating wellness as a healthcare infrastructure investment with a quantitative return on insurance (financial)economics. Changing this definition has altered the entire dialogue regarding wellness.</span></p><h2><strong><br />Conclusion: The Compound Benefits of Doing This Correctly</strong></h2><p><span style="font-weight: 400;"><br />Insurance premiums do not adjust due to good intentions; they adjust based on claims data only, which over time, reflects the health trajectory of your workforce. Also, the health trajectory of your workforce (the claims data) is directly proportional to whether your employee wellness initiative is designed to actually make a difference in employee health outcomes on a massive scale.</span></p><p><span style="font-weight: 400;"><br />In lieu of the above, corporations that implement robust and strategically designed programmatic wellness initiatives that are based on preventive health care (e.g. diet, exercise, psych well being), utilize effective health data to measure the achievement of the intended outcomes, and utilize the proper amount of clinical follow-through, will be able to achieve reduced cost associated with insurance premiums. </span></p><p>Corporations will continue to see measurable reductions in their insurance costs over the long haul due to the improvement in the health of their employee population because of the implementation of these programmatic wellness initiatives.</p><p><span style="font-weight: 400;"><br />However, the key to successfully reducing the costs associated with employee health insurance is not getting it &#8220;perfect&#8221; the first time. It&#8217;s building the infrastructure necessary (right health data system; right diagnostic network; right operational model) so that employees engage in preventive health care throughout the course of the year.</span></p><p><span style="font-weight: 400;"><br />UNO.Care exists to help you build these necessary infrastructures. If you are interested in turning your employee wellness investment into a meaningful long-term cost lever for your insurance premiums, contact us today about scheduling a demo of our solutions.</span></p><h2><b><br />SEO FAQs</b></h2><p><b><br />Q1. How do employee wellness programs reduce health insurance costs?<br /><br /></b>Wellness programs reduce insurance costs by lowering the incidence of high-cost medical events — particularly those driven by preventable chronic conditions like diabetes, hypertension, and cardiovascular disease. Fewer and lower-severity claims improve an organisation&#8217;s group insurance loss ratio, which directly influences premium renewal pricing.</p><p><b><br />Q2. How long does it take for a wellness programme to reduce insurance premiums?<br /><br /></b>Meaningful premium impact typically emerges over a 2–3 year horizon, as insurers require sustained claims trend improvement to adjust renewal pricing. However, early indicators — reduced claims frequency, improved chronic disease management markers — are often visible within 12–18 months of a structured preventive healthcare programme.</p><p><b><br />Q3. What types of wellness programmes have the most impact on reducing healthcare costs?</b></p><p><br />Programmes built around structured periodic health checkups, population-level health risk stratification, early chronic disease detection, and clinical follow-through on abnormal findings consistently show the strongest insurance cost impact. Continuous engagement through employee health apps and OHC-based management compounds these results over time.</p><p><b><br />Q4. Is there a specific approach for manufacturing and industrial enterprises in India?</b></p><p><br />Yes. Industrial workforces carry additional occupational health risks — respiratory conditions, musculoskeletal disorders, toxic exposure effects — that a generic wellness programme won&#8217;t capture. Integrating Factories Act statutory health checkups with broader corporate wellness data creates a richer risk picture and more targeted intervention capability.</p><p><b><br />Q5. How does health data help in insurance renewal negotiations?</b></p><p><br />Organisations with documented health trend data, risk segmentation analysis, and evidence of preventive intervention programmes can present a credible lower-risk narrative to underwriters at renewal. This changes the negotiating dynamic from reactive claims review to proactive risk management demonstration.</p><p><b><br />Q6. What is the difference between a compliance health checkup and a wellness programme?</b></p><p><br />Compliance checkups — like those mandated under the Factories Act — generate regulatory records. A wellness programme builds on that foundation to identify risk, deploy interventions, track outcomes, and improve health trajectories. Compliance without wellness is paperwork. Wellness without compliance infrastructure is fragmented. The most effective setups integrate both.</p>								</div>
					</div>
				</div>
				</div>
		]]></content:encoded>
					
					<wfw:commentRss>https://www.uno.care/how-wellness-programs-reduce-insurance-costs/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>How to Estimate the ROI of Employee Wellness Programs</title>
		<link>https://www.uno.care/how-to-estimate-the-roi-of-employee-wellness-program/</link>
					<comments>https://www.uno.care/how-to-estimate-the-roi-of-employee-wellness-program/#respond</comments>
		
		<dc:creator><![CDATA[Isht Dua]]></dc:creator>
		<pubDate>Tue, 02 Jun 2026 06:46:43 +0000</pubDate>
				<category><![CDATA[Employee Wellness Programs]]></category>
		<category><![CDATA[Employee Wellness Programs Benefits]]></category>
		<category><![CDATA[ROI of Employee Wellness Programs]]></category>
		<guid isPermaLink="false">https://www.uno.care/?p=4854</guid>

					<description><![CDATA[At some point, a top-level HR, CHRO, and EHS manager are going to have a conversation with the CFO about financial metrics or return on investment. For the managing director to provide such metrics, the HR department needs to demonstrate that an employee wellness programme is having a positive impact. Many times that is not [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="4854" class="elementor elementor-4854" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-5c9b26bd e-flex e-con-boxed e-con e-parent" data-id="5c9b26bd" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-793afb4 elementor-widget elementor-widget-text-editor" data-id="793afb4" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									
<p class="p3 wp-block-paragraph">At some point, a top-level HR, CHRO, and EHS manager are going to have a conversation with the CFO about financial metrics or return on investment. For the managing director to provide such metrics, the HR department needs to demonstrate that an <a href="https://www.uno.care/"><span class="s1">employee wellness programme</span></a> is having a positive impact. Many times that is not always feasible (or at all) due to the fact it cannot easily be quantified through a financial statement, except to say that employee wellness programmes continue to provide positive benefits to enterprises across India as this country follows a new trend in terms of treating employee health as an operational variable, which has a significant influence on productivity, turnover rates, regulation compliance and overall operating costs. The question is not whether these types of programmes deliver value to the enterprise or not, but whether or not you have accurately measured the value of these programmes. This document provides you with specifics on how to calculate the corporate health and wellness programme&#8217;s ROI, what metrics you should look at when determining the effectiveness of each type of health and wellness programme, how to determine how to have a conversation with your executives surrounding the health and wellness programmes, and finally, how the context of an enterprise in India will require more rigorous and data-driven approaches compared to what is currently taking place within the majority of enterprises.</p>
<p class="p3"><br />The biggest difficulty with wellness programs for employees is NOT typically a lack of belief from leadership about the benefits of healthy employees performing better – it is the attribution of those benefits. For example, if there is reduced absenteeism, how do you determine if this can be attributed to the wellness program? Could it be because of the new <a href="https://www.uno.care/ohc-staffing-management/"><span class="s1">Occupational Health Centre (OHC)</span></a>, different shift scheduling or seasonal factors?</p>
<p class="p3"><br />The issue of attribution to wellness programs continues to exist, and as a result, there continues to be chronic underfunding of most wellness investments. When the ability to show a clean cause/effect relationship is not possible, you end up with anecdotal success stories and participation metrics that will not hold up during review at budget time. Therefore, the answer does not lie in achieving perfect data, but rather it requires a structured measurement framework which will create a credible directional case/argument for the wellness program regardless of whether there are controlled experiments available.</p>
<h2 class="p4"><b><br />The Two-Layer Framework: ROI and VOI</b></h2>
<p class="p3"><br />Before you pull out your calculator and start crunching numbers you must first understand the different things that you are measuring.</p>
<p class="p3">Return on investment (ROI) is a financial profitability metric that compares the cost of a program to quantifiable savings (reduced medical claims, decreased absenteeism costs, reduced hiring expenses related to turnover, reduction in lost productivity due to illness). The formula for calculating ROI is relatively simple (Savings &#8211; Costs) / Costs); however, in order to calculate accurate numbers you will need an ongoing, consistent collection of data over time.</p>
<p class="p3"><br />Value on investment (VOI) cannot be measured with traditional accounting methods. You will find this information in engagement surveys, employee satisfaction surveys, psychological safety surveys, brand strength surveys, and compliance surveys, etc. While these are not measures that will show up on a claims report, they most definitely have an impact on an organisation’s ability to retain and recruit employees as well as their long-term performance from an operational perspective.</p>
<p class="p3"><br />The most effective business cases for corporate wellness programs do not focus primarily on either metric, but rather, the most effective cases for corporate wellness programs utilize both ROI and VOI metrics to tell the whole story.</p>
<h2 class="p4"><b><br />The Four Key Metrics of Corporate Wellness ROI in Indian Corporates</b></h2>
<p class="p3"><br />Corporate Wellness Programme ROI conversations will see four primary types of categories driving financial return when discussing any type of manufacturing, OEMs, pharma or large corporation in India.</p>
<p class="p4"><b><br />1. Reduction in Healthcare Claims</b></p>
<p class="p3"><br />Engagement in regular <a href="https://www.uno.care/comprehensive-health-checkups/"><span class="s1">health check-ups</span></a>, the early detection of chronic disease, and the use of preventative services will directly reduce the occurrence of high-cost medical events. Employees who are regularly monitored through <a href="https://www.uno.care/ohc-staffing-management/"><span class="s1">Occupational Health</span></a> are less likely to develop untreated conditions, which can later lead to hospitalisation, lengthy sick leave, or work-related injuries. On a global scale, structured engagement of employees in wellness programs has typically led to several hundred dollars in savings on an annual basis per employee engaged in terms of medical claims alone; in addition, the trend is similar among the industrial workforce in India where there has been a large increase in lifestyle-related diseases and work-related injury risk factors.</p>
<p class="p4"><b><br />2. The Cost of Absenteeism and Presenteeism</b></p>
<p class="p3"><br />Absenteeism is an observable and quantifiable expense. Presenteeism (employees being present but not producing at full capacity) is not so visible; however, it is frequently a greater expense. When you consider the amount of lost productivity, covering for unscheduled absenteeism, and administrative costs; unscheduled absenteeism costs companies thousands of rupees per employee on an annual basis. By utilising a well-designed health and wellness program that addresses physical and psychological health risks, employers can meaningfully reduce the amount of absenteeism and presenteeism in their organisation within 12–18 months of implementing such programmes.</p>
<p class="p4"><b><br />3. Reducing Compliance-Related Risks</b></p>
<p class="p3"><br />One of the categories that organisations overlook when evaluating ROI on their initiatives is compliance-related risk. Non-compliance with the Factories Act, ESIC requirements and other mandatory health checks can result in organisations facing costs due to penalties, audit findings and reputational loss. However, having a structured health and wellness infrastructure that allows for regular health checks, creates digital health records and generates audit suitable reports is considered more than just an investment in wellness; it also serves as a means of managing the regulatory risk for the organisation, thereby reducing the overall cost of a large, non-compliance event that will likely outweigh many years of wellness expenditures.</p>
<h2 class="p4"><b><br />Ways to Determine Your Model</b></h2>
<p class="p3"><br />By taking the four basic inputs listed below, you can build a simple ROI model for your workplace wellness programs without involving your data science team:</p>
<p class="p3"><br />1. You will need your current annual healthcare claims cost per employee</p>
<p class="p3">2. The average number of unscheduled sick days per employee per year</p>
<p class="p3">3. Attrition and average cost-per-hire, and</p>
<p class="p3">4. Compliance-related costs (e.g. penalties, manual reporting, audit remediation).</p>
<p class="p3"><br />Next, you can calculate your conservative improvement scenarios against this baseline. For example, if you assume a 10% to 15% decrease in claims; a one-day decrease in the average amount of sick leave; or a 2-3 point improvement in retention; even with reasonable and defensible assumptions, the return will be significant.</p>
<p class="p3"><br />Data infrastructure is what distinguishes between a credible estimate of ROI and one based on speculation. Health data should be long-term, consistent, and accessible; thereby, avoiding issues of data being stored in paper records, lab results that aren&#8217;t accessible, or diagnostic records that aren&#8217;t easy to find. Indian enterprises are struggling with this infrastructure.</p>
<p class="p3"><br />If you were to look, you will find that almost all major enterprises in India have health programmes available for employees in some form, however only a small percentage are capable of measuring and verifying the effectiveness of these programmes, by having the necessary health data connection/data flow, to do so. Several of these programmes maintain the original medical records on different types of paper, thus resulting in these programmes having fragmented vendor ecosystems where vendors are unable to connect their records of the health care provided to their clients and us, the employees. These fragmented vendor ecosystems often will typically not allow a business&#8217; employer to properly correlate data between the defined segments of a business; thereby making it impossible to evaluate the business&#8217;s ROI, and/or measure the health of the employees.</p>
<p class="p3"><br />An <a href="https://www.uno.care/home/"><span class="s1">AI-powered health management platform</span></a> will fundamentally change this situation by enabling businesses to combine their pre-employment health checks, periodic assessments, OHC record systems, and employee health data onto a single cohesive system for analysis and reporting.</p>
<p class="p3"><br />UNO.Care Has Ended the Time for Businesses to Rely on Wellness as a Line Item in Their Budget to Generate a Return&#8217;,'&#8221;There is a Gap to Fill&#8221;&#8217; &#8211; UNOCare</p>
<p class="p3"><br />At UNOCare, we are focused on filling the gap between Workplace Health Management and Employee Wellness. With an AI-Powered Occupational Health and Employee Wellness Platform that is built specifically for Indian Enterprises (along with an all-new way to integrate Corporate Health Check-Ups, Pre-Employment Medicals, Digital OHC Management, Compliance Tracking, &amp; Population-Based Health Analytics), therefore providing an Integrated Infrastructure for each area of Workforce Health Operations.</p>
<p class="p3"><br />Our New UNO 360 Occupation Health &amp; Safety and Wellness (OHSW) Software will provide HR Leaders, EHS Heads, &amp; Plant Managers with Real Time Visibility to Employee&#8217;s Health Trends and Check-Ups Compliance Levels; without the complication of the other forms of collected statistics or data from an organization.</p>
<p class="p3"><br />Furthermore, our Employee&#8217;s Health App provides More Individual Empowerment to each employee in the form of Individual Health Records, Health &#8220;Nudges&#8221;, &amp; Health Check-Up Tracking via Mobile Devices.</p>
<p class="p3"><br />This has significant implications when evaluating ROI through measurement. By having consistent health data flow across the entire employee lifecycle; we can begin to create longitudinal datasets that will provide credibility rather than speculation when calculating ROI. This will enable us to determine if employees who have completed periodic health check-ups had lower absenteeism in future quarters. Additionally, we will be able to determine whether the early identification of metabolic risk (e.g., in one facility) resulted in fewer high-cost interventions during the following year. Through the actual data generated from these actions, you will be able to show true returns on employee health and wellness investments.</p>
<p class="p3"><br />This illustrates the disparity between regarding employee wellness simply as an HR expense versus regarding employee wellness as an investment in strategic infrastructure; therefore, it is a very important conversation for CHROs, EHS leaders, and operations leaders in India to have more frequently nowadays.</p>
<h2 class="p4"><b><br />Business Case for a Healthy Workforce</b></h2>
<p class="p3"><br />It&#8217;s tempting to start with a big projection of the wellness ROI when you’re presenting to the senior leadership team, but a more conservative, credible statement will gain you more traction than a larger-than-life projection.</p>
<p class="p3"><br />Organize your presentation into three parts: <br /><br />(1) the current cost picture (the cost of the poor health, wellness-related absenteeism, high turnover, and the exposure to penalties that your organization incurs because of a lack of healthy workforce), (2) the positive changes resulting from the implementation of a structured, technology-supported wellness program, and (3) the plan for monitoring and reporting the return on investment during a specified period of time. In addition to quantitative data, use some qualitative data (e.g. employee engagement, employee satisfaction, and brand-image enhancement) to give the leadership team a more complete picture.</p>
<p class="p3"><br />The most compelling business cases for wellness programs do more than calculate an expected program&#8217;s financial impact; they create the trust and validation required for the senior leadership team to support a long-term health management model that will produce compounding returns as the health-related costs in the organization go down.</p>
<p class="p3"><br />The Real Issue Is Not Whether You Are Benefiting from the Wellness Programs; Rather, It Is Whether You Can Document That You Are Doing So.</p>
<p class="p3"><br />Across all business sectors, There Is A Quantifiable Return On Employee Wellness Programs. The Whitepapers From Researchers Worldwide As Well As The Case Studies Of Businesses Operating In India Tell The Same Story. The Difference Lies In Your Measurement Capabilities — The Health Data Is Now Stored In Many Locations; Your Vendors Are Disparate; And Your OH &amp; C Record Keeping Is Done Via Charting System — This Will Always Result In You Defending Your Expenditures, Instead Of Utilising These As Business Cases To Drive Future Employee Wellness Investments.</p>
<p class="p3"><br />Transitioning From A Decentralised, Paper-Based System To A Centralised, Unified, AI-Enabled Solution Like UNO.Care Will Not Only Drive Employee Health Improvements But Change Your Ability To Capture, Communicate, Measure, Report On, And Continuously Optimise Your Investment In Employee Health.</p>
<p class="p3"><br />Are You Prepared To Move From Your Gut Instinct To Data-Driven Health ROI? Learn How UNO.Care Can Provide The Insights Your Organisation Needs: <a href="https://www.uno.care/contact/"><span class="s1">Schedule A Demo Today</span></a>!</p>
<h2> </h2>
<h2 class="p3"><b>SEO FAQs</b></h2>
<p class="p3"><b><br />Q1. How do you calculate the ROI of employee wellness programs?</b> <br /><br />ROI is calculated as (Total Savings – Program Cost) / Program Cost, expressed as a percentage. Savings inputs typically include reduced healthcare claims, lower absenteeism costs, and attrition-related savings. The quality of your ROI estimate depends directly on the consistency and depth of your baseline health data.</p>
<p class="p3"><b><br />Q2. What is the difference between ROI and VOI in corporate wellness programs?</b> <br /><br />ROI (Return on Investment) measures hard financial returns — cost savings, claims reduction, productivity gains. VOI (Value on Investment) captures strategic outcomes that are harder to quantify: employee engagement, morale, employer brand strength, and compliance risk reduction. A compelling wellness business case typically uses both.</p>
<p class="p3"><b><br />Q3. How long does it take for workplace wellness programs to show a measurable return?</b> <br /><br />Most organisations begin to see directional improvements in absenteeism and claims within 12–18 months of a structured program. Longer-term ROI — particularly attrition reduction and chronic disease management — typically emerges over a 2–3 year horizon with consistent program execution.</p>
<p class="p3"><b><br />Q4. What makes Indian enterprises different when measuring employee health ROI?</b> <br /><br />India&#8217;s large enterprises, particularly in manufacturing, pharma, and OEM sectors, face additional layers of complexity: Factory Act compliance obligations, ESIC requirements, multi-site operations, and a workforce that spans very different health risk profiles. These factors both raise the stakes for poor health management and expand the ROI potential of getting it right.</p>
<p class="p3"><b><br />Q5. What data do I need to start measuring wellness program ROI?</b> <br /><br />At minimum: per-employee healthcare claims spend, average sick days per year, attrition rate and cost-per-hire, and compliance-related expenditure. Ideally, you also need periodic health checkup data, OHC records, and health risk stratification data — all of which a platform like UNO.Care can centralise and make analytically actionable.</p>
<p class="p3"><b><br />Q6. Can a corporate health checkup program reduce insurance and compliance costs?</b> <br /><br />Yes, on both counts. Early identification of health risks through structured corporate health checkups reduces the incidence of high-cost medical interventions. And ensuring periodic checkup compliance reduces exposure to Factory Act and statutory audit penalties — a risk mitigation value that should always be included in wellness ROI calculations.</p>
								</div>
					</div>
				</div>
				</div>
		]]></content:encoded>
					
					<wfw:commentRss>https://www.uno.care/how-to-estimate-the-roi-of-employee-wellness-program/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>manufacturing</title>
		<link>https://www.uno.care/manufacturing/</link>
					<comments>https://www.uno.care/manufacturing/#respond</comments>
		
		<dc:creator><![CDATA[Isht Dua]]></dc:creator>
		<pubDate>Mon, 18 May 2026 13:12:32 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<guid isPermaLink="false">https://www.uno.care/?p=3765</guid>

					<description><![CDATA[Manufacturing &#38; OEMs — UNO.care &#124; Factory OHC &#38; Compliance Manufacturing Health Checkups for Factory Workers That Put Safety First. The Factories Act in India mandates regular medical evaluations to protect workers from occupational hazards. Get a Demo → See How Uno.Care Works 🏭 200+ Manufacturing Clients ✅ 95% OHC Attendance Guaranteed 📋 100% Factory [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="3765" class="elementor elementor-3765" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-6faee60 e-con-full e-flex e-con e-parent" data-id="6faee60" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				</div>
		<div class="elementor-element elementor-element-84329df e-con-full e-flex e-con e-parent" data-id="84329df" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-ca4ccbf elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="ca4ccbf" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!DOCTYPE html>
<html lang="en"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Manufacturing &amp; OEMs — UNO.care | Factory OHC &amp; Compliance</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&amp;display=swap" rel="stylesheet">
<style>
/* ─── RESET & BASE ─────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: 'Plus Jakarta Sans', sans-serif;
  color: var(--text-body);
  background: var(--white);
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
a { text-decoration: none; color: inherit; }
img { display: block; max-width: 100%; }

/* ─── CSS VARIABLES ─── */
:root {
  --navy: #0B1E3D;
  --navy-mid: #122648;
  --orange: #E8431A;
  --orange-light: #FF5C33;
  --orange-glow: rgba(232,67,26,0.18);
  --white: #ffffff;
  --off-white: #f7f8fc;
  --gray-light: #eef0f6;
  --gray-mid: #c4c9d8;
  --text-dark: #0B1E3D;
  --text-body: #3a4564;
  --green: #22c55e;
  --red: #ef4444;
  --border: #E2E8F8;
  --ease-spring: cubic-bezier(0.34,1.56,0.64,1);
  --ease-out: cubic-bezier(0.22,1,0.36,1);
}

/* ─── CONTAINER ─── */
.container {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 32px;
}

/* ─── REVEAL ANIMATIONS ─── */
.reveal {
  opacity: 0;
  transform: translateY(36px);
  transition: opacity 0.62s var(--ease-out), transform 0.62s var(--ease-out);
}
.reveal.from-left  { transform: translateX(-48px); }
.reveal.from-right { transform: translateX(48px); }
.reveal.visible { opacity: 1; transform: none; }

.from-left {
  opacity: 0;
  transform: translateX(-40px);
  transition: opacity .7s var(--ease-out), transform .7s var(--ease-out);
}
.from-left.visible { opacity: 1; transform: none; }

.from-right {
  opacity: 0;
  transform: translateX(40px);
  transition: opacity .7s var(--ease-out), transform .7s var(--ease-out);
}
.from-right.visible { opacity: 1; transform: none; }

.stagger > * {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.55s var(--ease-out), transform 0.55s var(--ease-out);
}
.stagger.visible > * { opacity: 1; transform: none; }
.stagger.visible > *:nth-child(1) { transition-delay: 0s; }
.stagger.visible > *:nth-child(2) { transition-delay: 0.11s; }
.stagger.visible > *:nth-child(3) { transition-delay: 0.22s; }
.stagger.visible > *:nth-child(4) { transition-delay: 0.33s; }
.stagger.visible > *:nth-child(5) { transition-delay: 0.44s; }
.stagger.visible > *:nth-child(6) { transition-delay: 0.55s; }

/* ─── BUTTONS ─── */
.btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 50px;
  padding: 14px 28px;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-weight: 700;
  font-size: 14.5px;
  cursor: pointer;
  border: 2px solid transparent;
  position: relative;
  overflow: hidden;
  transition: transform 0.28s var(--ease-spring), box-shadow 0.28s ease, background 0.2s;
  white-space: nowrap;
}
.btn::after {
  content: '';
  position: absolute;
  top: 0; left: -100%;
  width: 60%; height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.22), transparent);
  transition: left 0.42s ease;
  pointer-events: none;
}
.btn:hover { transform: translateY(-2px); }
.btn:hover::after { left: 150%; }
.btn-orange { background: var(--orange); color: var(--white); box-shadow: 0 4px 24px rgba(232,67,26,.32); }
.btn-orange:hover { background: var(--orange-light); box-shadow: 0 8px 32px rgba(232,67,26,.48); }
.btn-outline { background: transparent; border-color: var(--navy); color: var(--navy); }
.btn-outline:hover { background: var(--navy); color: var(--white); box-shadow: 0 6px 24px rgba(11,30,61,.22); }
.btn-white { background: var(--white); color: var(--orange); border-color: var(--white); box-shadow: 0 4px 20px rgba(0,0,0,.12); }
.btn-white:hover { box-shadow: 0 8px 28px rgba(0,0,0,.2); transform: translateY(-2px); }
.btn-outline-white { background: transparent; border-color: rgba(255,255,255,0.6); color: var(--white); }
.btn-outline-white:hover { background: rgba(255,255,255,0.12); border-color: #fff; box-shadow: 0 6px 20px rgba(0,0,0,0.12); }

/* ═══════ HERO — Split layout matching FMCG page ═══════ */
.hero {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
  background: linear-gradient(155deg,#ffffff 45%,#EBF4FF 100%);
  overflow: hidden;
  position:relative;
}
.hero::before{content:"";position:absolute;top:-100px;right:-100px;width:520px;height:520px;border-radius:50%;background:rgba(234,64,13,0.07);filter:blur(70px);pointer-events:none;z-index:0}

.hero-left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(80px,10vw,120px) clamp(16px,4vw,48px) clamp(60px,8vw,100px) clamp(24px,5vw,80px);
}

.hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--off-white);
  border: 1px solid var(--gray-light);
  padding: 6px 14px;
  border-radius: 100px;
  font-size: .75rem;
  font-weight: 700;
  color: var(--navy);
  margin-bottom: 24px;
  width: fit-content;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.hero-badge::before {
  content: '';
  width: 8px; height: 8px;
  border-radius: 50%;
  background: var(--orange);
  display: block;
  flex-shrink: 0;
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0%,100%{box-shadow:0 0 0 0 rgba(232,67,26,.5)}
  50%{box-shadow:0 0 0 6px rgba(232,67,26,0)}
}

.hero h1 {
  font-size: clamp(28px,4.5vw,52px);
  font-weight: 900;
  letter-spacing: -1.5px;
  color: var(--navy);
  line-height: 1.08;
  margin-bottom: 6px;
}
.hero h1 .orange { color: var(--orange); }

.hero-accent {
  display: block;
  width: 44px; height: 3px;
  background: var(--orange);
  border-radius: 2px;
  margin: 14px 0 18px;
}

.hero-sub {
  font-size: clamp(15px,1.4vw,17px);
  color: var(--text-body);
  max-width: 440px;
  line-height: 1.75;
  margin-bottom: 32px;
}
.hero-btns { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 28px; }

/* Hero right – full-bleed image */
.hero-right {
  position: relative;
  overflow: hidden;
}
.hero-right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.hero-mask {
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, var(--white) 0%, transparent 35%);
  pointer-events: none;
  z-index: 1;
}

/* ═══════ STATS BAR ═══════ */
.stats-bar {
  background: var(--white);
  border-bottom: 1px solid var(--gray-light);
  padding: 8px 0 32px;
}
.stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.stat-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 24px 12px;
  position: relative;
}
.stat-item:not(:last-child)::after {
  content: '';
  position: absolute;
  right: 0; top: 20%; bottom: 20%;
  width: 1px;
  background: var(--gray-light);
}
.stat-icon { font-size: 26px; margin-bottom: 8px; }
.stat-num { font-size: clamp(26px, 3vw, 42px); font-weight: 900; color: var(--navy); line-height: 1; }
.stat-num .orange { color: var(--orange); }
.stat-label { font-size: 12.5px; color: var(--text-body); margin-top: 6px; max-width: 130px; line-height: 1.45; }

/* ═══════ SHARED HEADER ═══════ */
.section-header { text-align: center; margin-bottom: 52px; }
.section-header h2 { font-size: clamp(22px, 3vw, 38px); font-weight: 900; color: var(--navy); letter-spacing: -1px; line-height: 1.18; }
.section-header h2 .orange { color: var(--orange); }
.sec-eyebrow {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: .72rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--orange); margin-bottom: 12px;
}
.sec-eyebrow::before { content: ''; width: 20px; height: 2px; background: var(--orange); border-radius: 2px; }
.section-sub { font-size: 15px; color: var(--text-body); margin-top: 12px; max-width: 520px; margin-left: auto; margin-right: auto; line-height: 1.62; }

/* ═══════ THREE PROBLEMS ═══════ */
.problems-section { background: var(--off-white); padding: 76px 0; }
.prob-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.prob-card {
  background: var(--white);
  border: 1.5px solid var(--gray-light);
  border-radius: 14px;
  overflow: hidden;
  transition: transform 0.32s var(--ease-spring), box-shadow 0.32s ease, border-color 0.32s ease;
  cursor: default;
}
.prob-card:hover { transform: translateY(-5px); box-shadow: 0 20px 50px rgba(11,30,61,0.11); border-color: var(--orange); }
.prob-card-img {
  height: 180px;
  border-bottom: 1px solid var(--gray-light);
  display: flex; align-items: center; justify-content: center;
}
.prob-card-img.red-tint    { background: linear-gradient(135deg, #fee2e2, #fef2f2); }
.prob-card-img.yellow-tint { background: linear-gradient(135deg, #fefce8, #fef9c3); }
.prob-card-img.blue-tint   { background: linear-gradient(135deg, #eff6ff, #dbeafe); }
.prob-card-body { padding: 18px 20px 22px; }
.prob-row {
  display: flex; align-items: flex-start; gap: 10px;
  margin-bottom: 12px; transition: transform 0.22s ease;
}
.prob-row:hover { transform: translateX(3px); }
.prob-icon {
  width: 20px; height: 20px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 10px; flex-shrink: 0; margin-top: 1px; font-weight: 900;
}
.prob-icon.red   { background: rgba(239,68,68,0.1); color: var(--red); }
.prob-icon.green { background: rgba(34,197,94,0.1); color: var(--green); }
.prob-text { font-size: 13px; color: var(--text-body); line-height: 1.52; }
.prob-text.problem { color: var(--text-dark); font-weight: 600; }
.prob-badge {
  display: inline-flex;
  background: rgba(232,67,26,0.08); color: var(--orange);
  border: 1px solid rgba(232,67,26,0.18);
  border-radius: 999px; padding: 4px 12px;
  font-size: 11px; font-weight: 700; margin-top: 10px;
}

/* ═══════ DELIVERS ═══════ */
.delivers-section { background: var(--white); padding: 86px 0; }
.timeline-wrapper { position: relative; padding-top: 30px; }
.timeline-line-bg {
  position: absolute;
  top: 56px; left: 18px; right: 18px;
  height: 3px; background: var(--gray-light); border-radius: 999px; z-index: 0;
}
.timeline-line-fill {
  height: 100%; width: 0%;
  background: linear-gradient(90deg, var(--orange), var(--orange-light));
  border-radius: 999px; transition: width 1.2s var(--ease-out);
}
.timeline-steps {
  display: grid; grid-template-columns: repeat(5, 1fr);
  gap: 16px; position: relative; z-index: 1;
}
.timeline-step { display: flex; flex-direction: column; align-items: center; text-align: center; }
.timeline-num {
  width: 36px; height: 36px; border-radius: 50%;
  background: var(--orange); color: var(--white);
  font-size: 14px; font-weight: 900;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 0 0 6px var(--orange-glow);
  margin-bottom: 12px; position: relative; z-index: 2; flex-shrink: 0;
}
.timeline-img {
  width: 100%; height: 100px;
  background: var(--off-white); border-radius: 12px;
  border: 2px solid var(--gray-light);
  display: flex; align-items: center; justify-content: center;
  font-size: 36px; margin-bottom: 12px;
  transition: border-color 0.28s ease, transform 0.28s var(--ease-spring), box-shadow 0.28s ease;
}
.timeline-step:hover .timeline-img { border-color: var(--orange); transform: translateY(-3px); box-shadow: 0 8px 20px var(--orange-glow); }
.timeline-label { font-size: 12px; font-weight: 800; color: var(--navy); margin-bottom: 6px; line-height: 1.3; }
.timeline-desc  { font-size: 11px; color: var(--text-body); max-width: 115px; line-height: 1.55; }

.delivers-banner {
  margin-top: 48px; background: var(--navy);
  border-radius: 14px; border-left: 4px solid var(--orange);
  padding: 22px 28px; display: flex; align-items: center; gap: 20px;
  transition: background .25s, transform .25s var(--ease-spring), box-shadow .25s;
}
.delivers-banner:hover { background: #0d2448; transform: translateY(-2px); box-shadow: 0 14px 40px rgba(11,30,61,.3); }
.delivers-banner .shield-icon { font-size: 36px; flex-shrink: 0; }
.delivers-banner p { font-size: 14.5px; color: rgba(255,255,255,0.86); line-height: 1.58; }
.delivers-banner p strong { color: var(--white); }

/* ═══════ 360° PARTNER SECTION ═══════ */
.partner-section { background: var(--off-white); padding: 86px 0; }
.cards-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
.service-card {
  background: var(--white);
  border-radius: 18px;
  padding: 28px;
  border: 1.5px solid var(--border);
  position: relative;
  overflow: hidden;
  will-change: transform;
  transition: transform .3s var(--ease-spring), box-shadow .3s, border-color .3s;
  display: block;
  cursor: pointer;
  color: inherit;
}
.service-card::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(232,67,26,.05), transparent);
  opacity: 0;
  transition: opacity .3s;
  pointer-events: none;
}
.service-card:hover { transform: translateY(-6px); box-shadow: 0 20px 56px rgba(11,30,61,.10); border-color: var(--orange); }
.service-card:hover::before { opacity: 1; }
.service-card-icon {
  width: 52px; height: 52px;
  border-radius: 12px;
  background: rgba(232,67,26,.08);
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 18px;
  transition: background .2s, transform .3s var(--ease-spring);
}
.service-card:hover .service-card-icon { background: var(--orange); transform: scale(1.1) rotate(-4deg); }
.service-card-icon svg { width: 26px; height: 26px; color: var(--orange); transition: color .2s; }
.service-card:hover .service-card-icon svg { color: var(--white); }
.service-card h4 { font-size: .95rem; font-weight: 800; color: var(--navy); margin-bottom: 8px; transition: color .2s; }
.service-card:hover h4 { color: var(--orange); }
.service-card p { font-size: .83rem; color: var(--text-body); line-height: 1.6; }

/* ═══════ COMPLIANCE ═══════ */
.compliance-section {
  background: var(--navy);
  padding: 86px 0;
  position: relative; overflow: hidden;
}
.compliance-section::before {
  content: '';
  position: absolute;
  top: -100px; right: -100px;
  width: 400px; height: 400px;
  background: radial-gradient(circle, rgba(232,67,26,0.18) 0%, transparent 68%);
  pointer-events: none;
}
.badge-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.badge-card {
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.13);
  border-radius: 14px; padding: 28px 22px; text-align: center;
  transition: transform 0.32s var(--ease-spring), box-shadow 0.32s ease, border-color 0.32s ease, background 0.32s ease;
  cursor: default;
}
.badge-card:hover { transform: translateY(-5px); border-color: var(--orange); background: rgba(255,255,255,0.11); box-shadow: 0 16px 40px rgba(0,0,0,0.24); }
.badge-icon  { font-size: 32px; margin-bottom: 12px; }
.badge-title { font-size: 15px; font-weight: 800; color: var(--white); margin-bottom: 5px; }
.badge-sub   { font-size: 12px; color: rgba(255,255,255,0.52); line-height: 1.5; }

/* ═══════ STATS PANEL ═══════ */
.stats-panel-section { background: var(--white); padding: 72px 0; }
.testi-stats {
  display: grid; grid-template-columns: repeat(3, 1fr);
  border: 1px solid var(--gray-light);
  border-radius: 16px; overflow: hidden;
  box-shadow: 0 4px 24px rgba(11,30,61,0.05);
}
.testi-stat { padding: 36px 24px; text-align: center; position: relative; background: var(--white); }
.testi-stat:not(:last-child)::after {
  content: '';
  position: absolute;
  right: 0; top: 15%; bottom: 15%;
  width: 1px; background: var(--gray-light);
}
.testi-stat-num   { font-size: 42px; font-weight: 900; color: var(--orange); line-height: 1; }
.testi-stat-label { font-size: 13px; color: var(--text-body); margin-top: 8px; font-weight: 500; }

/* ═══════ CTA ═══════ */
.cta-section {
  background: linear-gradient(135deg, var(--orange) 0%, #c0360e 100%);
  padding: 64px 0; text-align: center;
  position: relative; overflow: hidden;
}
.cta-circle-1, .cta-circle-2 { position: absolute; border-radius: 50%; background: rgba(255,255,255,0.07); pointer-events: none; }
.cta-circle-1 { width: 300px; height: 300px; top: -120px; right: -80px; }
.cta-circle-2 { width: 220px; height: 220px; bottom: -100px; left: -60px; }
.cta-section h2 { font-size: clamp(22px, 3.5vw, 40px); font-weight: 900; color: var(--white); letter-spacing: -1.5px; margin-bottom: 12px; }
.cta-section p  { color: rgba(255,255,255,0.84); font-size: 15.5px; margin-bottom: 32px; }
.cta-btns { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; margin-bottom: 28px; }
.cta-contact { display: flex; gap: 32px; justify-content: center; flex-wrap: wrap; }
.cta-contact-item {
  color: rgba(255,255,255,0.82); font-size: 13.5px; font-weight: 600;
  display: flex; align-items: center; gap: 6px;
  transition: color .2s;
}
.cta-contact-item:hover { color: #fff; }
.cta-contact-item svg { width: 16px; height: 16px; }

/* ═══════ RESPONSIVE 860px ═══════ */
@media (max-width: 860px) {
  .hero { grid-template-columns: 1fr; grid-template-rows: auto auto; min-height: auto; }
  .hero-right { max-height: 280px; border-radius: 16px; margin: 0 16px 16px; order: -1; }
  .hero-mask { display: none; }
  .hero-left { padding: 32px 16px 40px; }
  .hero-right img { border-radius: 16px; }

  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .stat-item:nth-child(2)::after { display: none; }
  .stat-item:nth-child(4)::after { display: none; }

  .prob-cards { grid-template-columns: 1fr; max-width: 500px; margin: 0 auto; }

  .timeline-line-bg { display: none; }
  .timeline-steps { grid-template-columns: 1fr; gap: 20px; }
  .timeline-step { flex-direction: row; text-align: left; gap: 18px; align-items: flex-start; }
  .timeline-num { flex-shrink: 0; }
  .timeline-img { width: 76px; min-width: 76px; height: 76px; font-size: 28px; flex-shrink: 0; margin-bottom: 0; }
  .timeline-desc { max-width: none; }

  .cards-grid { grid-template-columns: repeat(2, 1fr); }

  .badge-grid { grid-template-columns: repeat(2, 1fr); }

  .testi-stats { grid-template-columns: 1fr; }
  .testi-stat:not(:last-child)::after { width: 60%; height: 1px; top: auto; bottom: 0; right: 20%; left: 20%; }

  .footer-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 560px) {
  .container { padding: 0 18px; }
  .hero { min-height: auto; }
  .hero-sub { font-size: 14.5px; }
  .hero-btns { flex-direction: column; }
  .hero-btns .btn { width: 100%; justify-content: center; }

  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .stat-item::after { display: none !important; }

  .prob-cards { max-width: 100%; }
  .timeline-step { gap: 14px; }
  .timeline-img { width: 60px; min-width: 60px; height: 60px; font-size: 24px; }
  .delivers-banner { flex-direction: column; text-align: center; padding: 20px; }

  .cards-grid { grid-template-columns: 1fr; }
  .badge-grid { grid-template-columns: 1fr; }
  .testi-stat-num { font-size: 36px; }

  .cta-btns .btn { width: 100%; justify-content: center; }
  .cta-contact { flex-direction: column; gap: 10px; align-items: center; }

  .footer-grid { grid-template-columns: 1fr; gap: 28px; }
  .footer-bottom { flex-direction: column; align-items: flex-start; gap: 8px; }
}

/* ============================================================
   MOBILE RESPONSIVE — injected patch
   ============================================================ */

/* ── Nav / header ── */
@media(max-width:768px){
  nav, .nav, .navbar, #nav, #navbar, header nav {
    flex-wrap: wrap;
    gap: 8px;
  }
  .nav-links, .nav-menu {
    display: none;
  }
}

/* ── Hero two-col → single col ── */
@media(max-width:768px){
  .hero-inner {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto !important;
    min-height: auto !important;
  }
  .hero-right {
    max-height: 240px !important;
    border-radius: 14px !important;
    margin: 0 16px 16px !important;
    order: -1 !important;
  }
  .hero-right img { border-radius: 14px !important; }
  .hero-mask { display: none !important; }
  .hero-left {
    padding: 28px 16px 36px !important;
  }
  .hero-pill { margin-bottom: 16px; }
  .hero-h1, .hero h1, h1 {
    font-size: clamp(26px, 7vw, 38px) !important;
    letter-spacing: -1px !important;
  }
  .hero-sub { font-size: 14.5px !important; max-width: 100% !important; }
  .hero-btns {
    flex-direction: column !important;
    gap: 10px !important;
  }
  .hero-btns a, .hero-btns .btn, .hero-btns button {
    width: 100% !important;
    justify-content: center !important;
    text-align: center;
  }
  .hero-stats { gap: 0 !important; flex-wrap: wrap; }
  .hero-stat { padding: 6px 12px !important; }
}

/* ── Stats bar ── */
@media(max-width:600px){
  .stats-bar-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
  }
  .stat-strip { min-width: 0 !important; }
}
@media(max-width:380px){
  .stats-bar-grid { grid-template-columns: 1fr !important; }
}

/* ── Problems / cards grids ── */
@media(max-width:768px){
  .prob-grid, .problems-grid {
    grid-template-columns: 1fr !important;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ── Timeline ── */
@media(max-width:768px){
  .timeline-steps {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
  .timeline-line { display: none !important; }
  .step-item { flex-direction: row; gap: 16px; text-align: left; align-items: flex-start; }
  .step-num { flex-shrink: 0; }
  .step-card { width: 76px !important; min-width: 76px; height: 76px !important; flex-shrink: 0; margin-bottom: 0 !important; }
  .step-body { flex: 1; }
  .step-desc { max-width: none !important; }
}

/* ── Services / cards ── */
@media(max-width:900px){
  .services-grid, .cards-grid {
    grid-template-columns: repeat(2,1fr) !important;
  }
}
@media(max-width:500px){
  .services-grid, .cards-grid {
    grid-template-columns: 1fr !important;
  }
  .service-card {
    padding: 16px !important;
  }
}

/* ── Compliance grid ── */
@media(max-width:900px){
  .compliance-grid {
    grid-template-columns: repeat(2,1fr) !important;
  }
}
@media(max-width:500px){
  .compliance-grid {
    grid-template-columns: 1fr !important;
  }
}

/* ── Delivery alert ── */
@media(max-width:600px){
  .delivery-alert {
    flex-direction: column !important;
    padding: 18px 16px !important;
  }
}

/* ── Section titles / eyebrows ── */
@media(max-width:480px){
  .section-title { font-size: clamp(20px, 6vw, 28px) !important; }
  .problems-title, .delivery-title, .services-header, .compliance-header {
    margin-bottom: 28px !important;
  }
}

/* ── CTA section ── */
@media(max-width:600px){
  .cta-btns {
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
  }
  .cta-btns a, .cta-btns button {
    width: 100% !important;
    max-width: 320px;
    justify-content: center !important;
  }
  .cta-contact {
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
  }
  .cta-sep { display: none !important; }
  .cta-h2, #cta h2, .cta-inner h2 {
    font-size: clamp(22px, 6vw, 32px) !important;
  }
}

/* ── General section padding ── */
@media(max-width:480px){
  .section-pad { padding: clamp(40px, 8vw, 64px) 0 !important; }
  #cta { padding: clamp(48px, 10vw, 72px) 0 !important; }
}

/* ── Testimonial / extra sections ── */
@media(max-width:768px){
  .testi-grid, .testimonial-grid, .reviews-grid {
    grid-template-columns: 1fr !important;
  }
}

/* ── Industry grid (others.html) ── */
@media(max-width:600px){
  .industry-cards-grid { grid-template-columns: repeat(2,1fr) !important; }
}
@media(max-width:380px){
  .industry-cards-grid { grid-template-columns: 1fr !important; }
}

/* ── Manufacturing-specific ── */
@media(max-width:860px){
  .badge-grid { grid-template-columns: repeat(2,1fr) !important; }
  .testi-stats { grid-template-columns: 1fr !important; }
}
@media(max-width:560px){
  .badge-grid { grid-template-columns: 1fr !important; }
  .delivers-banner {
    flex-direction: column !important;
    text-align: center !important;
    padding: 20px !important;
  }
}

.uc-btn-contact{
  display:inline-flex;align-items:center;gap:0;
  color:#0B1E3D !important;
  font-family:inherit;font-weight:600;font-size:0.875rem;
  padding:0.68rem 0.85rem;border-radius:50px;
  border:2px solid #0B1E3D !important;
  background:transparent !important;
  transition:all 0.32s cubic-bezier(0.34,1.56,0.64,1);
  white-space:nowrap;overflow:hidden;
  max-width:2.7rem;
  text-decoration:none;cursor:pointer;
}
.uc-btn-contact:hover{
  max-width:220px;
  gap:7px;
  padding:0.68rem 1.4rem 0.68rem 1rem;
  background:linear-gradient(to right,#0B1E3D,#0B1E3D) !important;
  color:#fff !important;
  border-color:#0B1E3D !important;
  transform:translateY(-2px);
  box-shadow:0 6px 22px rgba(11,30,61,0.22);
}
.uc-btn-contact svg{flex-shrink:0;width:15px;height:15px}
.uc-btn-contact-text{
  overflow:hidden;
  max-width:0;
  opacity:0;
  transition:max-width 0.32s cubic-bezier(0.34,1.56,0.64,1), opacity 0.22s ease;
  white-space:nowrap;
  display:inline-block;
}
.uc-btn-contact:hover .uc-btn-contact-text{
  max-width:160px;
  opacity:1;
}
@media(hover:none),(max-width:600px){
  .uc-btn-contact{
    max-width:none;
    gap:7px;
    padding:0.68rem 1.4rem;
    background:linear-gradient(to right,#0B1E3D 50%,transparent 50%) !important;
    background-size:200% 100% !important;
    background-position:right !important;
    transition:background-position 0.3s ease,color 0.3s ease,transform 0.25s ease !important;
  }
  .uc-btn-contact .uc-btn-contact-text{
    max-width:none;
    opacity:1;
  }
  .uc-btn-contact:active{
    background-position:left !important;
    color:#fff !important;
  }
}


/* ── FULL-BLEED COLOURED SECTIONS ──────────────────────── */
.compliance-section {
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  padding-left: calc(50vw - 50%);
  padding-right: calc(50vw - 50%);
}
.cta-section {
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  padding-left: calc(50vw - 50%);
  padding-right: calc(50vw - 50%);
}

/* ── STICKY BOTTOM DEMO BAR ───────────────────────────── */
#uc-sticky-demo-bar{
  position:fixed;
  bottom:0;left:0;right:0;
  z-index:99999;
  background:#ffffff;
  border-top:1px solid rgba(21,32,96,0.12);
  box-shadow:0 -4px 28px rgba(21,32,96,0.13);
  padding:12px 20px 14px;
  display:none;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:10px;
  transform:translateY(100%);
  transition:transform 0.38s cubic-bezier(0.22,1,0.36,1), opacity 0.32s ease;
  opacity:0;
  pointer-events:none;
}
@media(max-width:768px){
  #uc-sticky-demo-bar{
    display:flex !important;
  }
}
#uc-sticky-demo-bar.is-visible{
  display:flex !important;
  transform:translateY(0) !important;
  opacity:1 !important;
  pointer-events:all !important;
}
.uc-sticky-bar-text{ flex:1; min-width:0; }
.uc-sticky-bar-headline{
  font-family:'Inter',system-ui,sans-serif;
  font-weight:600;
  font-size:0.875rem;
  color:#152060;
  line-height:1.4;
  white-space:normal;
}
.uc-sticky-bar-btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:#E8431A !important;
  color:#fff !important;
  font-family:'Inter',system-ui,sans-serif;
  font-weight:700;
  font-size:0.8rem;
  padding:0.62rem 1.15rem;
  border-radius:50px;
  box-shadow:0 4px 16px rgba(232,67,26,0.35);
  transition:all 0.22s ease;
  border:none;
  white-space:nowrap;
  text-decoration:none;
  flex-shrink:0;
}
.uc-sticky-bar-btn:hover{
  background:#FF5533 !important;
  transform:translateY(-1px);
  box-shadow:0 8px 24px rgba(232,67,26,0.48) !important;
}
.uc-sticky-bar-btn svg{width:13px;height:13px;flex-shrink:0}
@keyframes uc-btn-pulse{
  0%  { box-shadow:0 4px 16px rgba(232,67,26,0.35), 0 0 0 0 rgba(232,67,26,0.55); }
  70% { box-shadow:0 4px 16px rgba(232,67,26,0.35), 0 0 0 10px rgba(232,67,26,0); }
  100%{ box-shadow:0 4px 16px rgba(232,67,26,0.35), 0 0 0 0 rgba(232,67,26,0); }
}
.uc-sticky-bar-btn{
  animation:uc-btn-pulse 1.8s ease-out infinite;
}
.uc-sticky-bar-btn:hover{
  animation:none;
}
@supports(padding-bottom:env(safe-area-inset-bottom)){
  #uc-sticky-demo-bar{
    padding-bottom:calc(14px + env(safe-area-inset-bottom));
  }
}
@media(min-width:769px){
  #uc-sticky-demo-bar, #uc-sticky-demo-bar.is-visible{
    display:none !important;
  }
}

/* ── CTA-section white overrides for .uc-btn-contact ────────────────────────
   Covers .uno-cta-btns (service pages) and .cta-btns (industry pages)     */
.uno-cta-wrap .uc-btn-contact,
.uno-cta-btns .uc-btn-contact,
#cta .uc-btn-contact,
.cta-section .uc-btn-contact,
.cta-btns .uc-btn-contact {
  color: #fff !important;
  border: 2px solid #fff !important;
  background: transparent !important;
  max-width: none !important;
  gap: 8px !important;
  padding: 0.8rem 1.5rem !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  border-radius: 50px !important;
  height: auto !important;
}
.uno-cta-wrap .uc-btn-contact .uc-btn-contact-text,
.uno-cta-btns .uc-btn-contact .uc-btn-contact-text,
#cta .uc-btn-contact .uc-btn-contact-text,
.cta-section .uc-btn-contact .uc-btn-contact-text,
.cta-btns .uc-btn-contact .uc-btn-contact-text {
  max-width: none !important;
  opacity: 1 !important;
}
.uno-cta-wrap .uc-btn-contact:hover,
.uno-cta-btns .uc-btn-contact:hover,
#cta .uc-btn-contact:hover,
.cta-section .uc-btn-contact:hover,
.cta-btns .uc-btn-contact:hover {
  background: rgba(255,255,255,0.18) !important;
  border-color: #fff !important;
  color: #fff !important;
  box-shadow: 0 6px 22px rgba(0,0,0,0.2) !important;
  transform: translateY(-2px) !important;
}
/* ── Mobile: service pages (.uno-cta-btns) — match 88% width of .btn ───── */
@media(max-width:560px) {
  .uno-cta-wrap .uc-btn-contact,
  .uno-cta-btns .uc-btn-contact {
    width: 88% !important;
    justify-content: center !important;
    background: transparent !important;
    background-image: none !important;
    border: 2px solid #fff !important;
    color: #fff !important;
  }
  .uno-cta-wrap .uc-btn-contact:active,
  .uno-cta-btns .uc-btn-contact:active {
    background: rgba(255,255,255,0.22) !important;
    color: #fff !important;
  }
}
/* ── Mobile: industry pages (.cta-btns) — match 100%/max-width:320px ───── */
@media(max-width:768px) {
  .cta-section .uc-btn-contact,
  .cta-btns .uc-btn-contact,
  #cta .uc-btn-contact {
    width: 100% !important;
    max-width: 320px !important;
    justify-content: center !important;
    background: transparent !important;
    background-image: none !important;
    border: 2px solid #fff !important;
    color: #fff !important;
  }
  .cta-section .uc-btn-contact:active,
  .cta-btns .uc-btn-contact:active,
  #cta .uc-btn-contact:active {
    background: rgba(255,255,255,0.22) !important;
    color: #fff !important;
  }
}
/* ── whyUnoCare hero: expand to match sibling button sizes on white bg ─── */
.wuc-hero__cta .uc-btn-contact {
  max-width: none !important;
  gap: 8px !important;
  padding: 0.8rem 1.5rem !important;
  height: auto !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
}
.wuc-hero__cta .uc-btn-contact .uc-btn-contact-text {
  max-width: none !important;
  opacity: 1 !important;
}
@media(max-width:639px) {
  .wuc-hero__cta .uc-btn-contact {
    width: 100% !important;
    justify-content: center !important;
  }
}
/* ── Light-bg hero sections: expand contact buttons to match CTA pill size */
@media(max-width:600px) {
  .hero-btns {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .hero-btns a, .hero-btns button {
    width: 100% !important;
    justify-content: center !important;
  }
  .hero-btns .uc-btn-contact {
    width: 100% !important;
    justify-content: center !important;
  }
}

</style>
</head>
<body>

<!-- ══════════ HERO ══════════ -->
<section class="hero">
  <div class="hero-left">
    <div class="hero-badge from-left visible">Manufacturing </div>
    <h1 class="from-left visible" style="transition-delay:.07s">
      Health Checkups for Factory Workers That Put
      <span class="orange">Safety First.</span>
    </h1>
    <div class="hero-accent from-left visible" style="transition-delay:.13s"></div>
    <p class="hero-sub from-left visible" style="transition-delay:.14s">
      The Factories Act in India mandates regular medical evaluations to protect workers from occupational hazards.
    </p>
    <div class="hero-btns from-left visible" style="transition-delay:.21s">
      <a href="https://www.uno.care/contact/" class="btn btn-orange">Get a Demo →</a>
      <a href="#delivers" class="btn btn-outline">See How Uno.Care Works</a>
    </div>
  </div>

  <div class="hero-right">
    <div class="hero-mask"></div>
    <img decoding="async" src="https://www.uno.care/wp-content/uploads/2026/05/industry-manufacturing.png" alt="UNO.care Manufacturing OHC" loading="eager" onerror="this.style.display='none';this.parentElement.style.background='linear-gradient(135deg,#dbeafe,#eff6ff)';">
  </div>
</section>

<!-- ══════════ STATS BAR ══════════ -->
<section class="stats-bar">
  <div class="container">
    <div class="stats-grid stagger visible">
      <div class="stat-item">
        <div class="stat-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3ed.png" alt="🏭" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
        <div class="stat-num"><span class="count-up" data-target="200">200</span><span class="orange">+</span></div>
        <div class="stat-label">Manufacturing Clients</div>
      </div>
      <div class="stat-item">
        <div class="stat-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
        <div class="stat-num"><span class="count-up" data-target="95">95</span><span class="orange">%</span></div>
        <div class="stat-label">OHC Attendance Guaranteed</div>
      </div>
      <div class="stat-item">
        <div class="stat-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4cb.png" alt="📋" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
        <div class="stat-num"><span class="count-up" data-target="100">100</span><span class="orange">%</span></div>
        <div class="stat-label">Factory Act Compliance Rate</div>
      </div>
      <div class="stat-item">
        <div class="stat-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f680.png" alt="🚀" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
        <div class="stat-num" style="font-size:clamp(20px,2.6vw,34px)">7 <span style="font-size:.52em;color:var(--text-body);font-weight:600">Days</span></div>
        <div class="stat-label">OHC Deployment</div>
      </div>
    </div>
  </div>
</section>

<!-- ══════════ THREE PROBLEMS ══════════ -->
<section class="problems-section">
  <div class="container">
    <div class="section-header reveal visible">
      <h2>Most Factories do not have a functional        <br>
        <span class="orange">Occupational Health Centers   </span>
      </h2>
    </div>
    <div class="prob-cards stagger visible">
      <div class="prob-card" style="transition: transform .4s var(--ease-spring);">
        <div class="prob-card-img red-tint">
          <svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
            <rect x="8" y="14" width="52" height="58" rx="6" fill="#fee2e2" stroke="#fca5a5" stroke-width="2.5"></rect>
            <rect x="20" y="6" width="10" height="16" rx="4" fill="#fca5a5" stroke="#f87171" stroke-width="2"></rect>
            <rect x="38" y="6" width="10" height="16" rx="4" fill="#fca5a5" stroke="#f87171" stroke-width="2"></rect>
            <line x1="8" y1="30" x2="60" y2="30" stroke="#fca5a5" stroke-width="2"></line>
            <line x1="22" y1="46" x2="46" y2="70" stroke="#ef4444" stroke-width="4" stroke-linecap="round"></line>
            <line x1="46" y1="46" x2="22" y2="70" stroke="#ef4444" stroke-width="4" stroke-linecap="round"></line>
          </svg>
        </div>
        <div class="prob-card-body">
          <div class="prob-row"><div class="prob-icon red">✕</div><div class="prob-text problem">Without Uno.Care: Doctor absent. No backup. No cover.</div></div>
          <div class="prob-row"><div class="prob-icon green">✓</div><div class="prob-text">With Uno.Care: 95% attendance. Verified backup by 9 AM.</div></div>
          <div class="prob-badge">Zero Coverage Gaps</div>
        </div>
      </div>
      <div class="prob-card" style="transition: transform .4s var(--ease-spring);">
        <div class="prob-card-img yellow-tint">
          <svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
            <rect x="12" y="10" width="46" height="60" rx="6" fill="#fef9c3" stroke="#fde047" stroke-width="2.5"></rect>
            <line x1="24" y1="28" x2="48" y2="28" stroke="#fbbf24" stroke-width="2.5" stroke-linecap="round"></line>
            <line x1="24" y1="38" x2="48" y2="38" stroke="#fbbf24" stroke-width="2.5" stroke-linecap="round"></line>
            <line x1="24" y1="48" x2="38" y2="48" stroke="#fbbf24" stroke-width="2.5" stroke-linecap="round"></line>
            <circle cx="55" cy="58" r="14" fill="#fef9c3" stroke="#ef4444" stroke-width="2.5"></circle>
            <line x1="49" y1="52" x2="61" y2="64" stroke="#ef4444" stroke-width="3" stroke-linecap="round"></line>
            <line x1="61" y1="52" x2="49" y2="64" stroke="#ef4444" stroke-width="3" stroke-linecap="round"></line>
          </svg>
        </div>
        <div class="prob-card-body">
          <div class="prob-row"><div class="prob-icon red">✕</div><div class="prob-text problem">Without Uno.Care: Paper register. Lost in every audit.</div></div>
          <div class="prob-row"><div class="prob-icon green">✓</div><div class="prob-text">With Uno.Care: Every checkup logged digitally. Live on HR dashboard.</div></div>
          <div class="prob-badge">100% Digital Records</div>
        </div>
      </div>
      <div class="prob-card" style="transition: transform .4s var(--ease-spring);">
        <div class="prob-card-img blue-tint">
          <svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
            <circle cx="40" cy="26" r="16" fill="#dbeafe" stroke="#93c5fd" stroke-width="2.5"></circle>
            <path d="M24 68 C24 54 56 54 56 68" stroke="#93c5fd" stroke-width="2.5" stroke-linecap="round" fill="none"></path>
            <circle cx="62" cy="22" r="10" fill="#eff6ff" stroke="#ef4444" stroke-width="2.5"></circle>
            <text x="58.5" y="27" font-size="12" font-weight="900" fill="#ef4444">?</text>
          </svg>
        </div>
        <div class="prob-card-body">
          <div class="prob-row"><div class="prob-icon red">✕</div><div class="prob-text problem">Without Uno.Care: Unqualified medical staff. </div></div>
          <div class="prob-row"><div class="prob-icon green">✓</div><div class="prob-text">With Uno.Care: MBBS doctors. GNM nurses. Background verified.</div></div>
          <div class="prob-badge">Only Qualified Staff</div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ══════════ DELIVERS ══════════ -->
<section class="delivers-section" id="delivers">
  <div class="container">
    <div class="section-header reveal visible">
      <h2>Everything Your Factory <span class="orange">Actually Needs.</span></h2>
    </div>
    <div class="timeline-wrapper">
      <div class="timeline-line-bg">
        <div class="timeline-line-fill" id="timelineFill"></div>
      </div>
      <div class="timeline-steps stagger visible">
        <div class="timeline-step">
          <div class="timeline-num">1</div>
          <div class="timeline-img"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1fa7a.png" alt="🩺" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
          <div><div class="timeline-label">Factory Act Checkups</div><div class="timeline-desc">Pre-employment and annual health exams for all workers. Every shift. Every site.</div></div>
        </div>
        <div class="timeline-step">
          <div class="timeline-num">2</div>
          <div class="timeline-img"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f468-200d-2695-fe0f.png" alt="👨‍⚕️" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
          <div><div class="timeline-label">Occupational Health Centers Staffing</div><div class="timeline-desc">MBBS doctor + GNM nurse deployed. 95% attendance contractually guaranteed.</div></div>
        </div>
        <div class="timeline-step">
          <div class="timeline-num">3</div>
          <div class="timeline-img"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f52c.png" alt="🔬" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
          <div><div class="timeline-label">Hazard Panels</div><div class="timeline-desc">Audiometry, spirometry, dust, chemical and machinery-specific test packages.</div></div>
        </div>
        <div class="timeline-step">
          <div class="timeline-num">4</div>
          <div class="timeline-img"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4ca.png" alt="📊" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
          <div><div class="timeline-label">Digital Records</div><div class="timeline-desc">Every patient health synced live to UNO.360. Audit-ready in one click.</div></div>
        </div>
        <div class="timeline-step">
          <div class="timeline-num">5</div>
          <div class="timeline-img"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f691.png" alt="🚑" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
          <div><div class="timeline-label">Ambulance Ready</div><div class="timeline-desc">GPS ambulance on-call. Only trained ACLS/BLS crew.                            </div></div>
        </div>
      </div>
    </div>
    <div class="delivers-banner reveal visible">
      <div class="shield-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f6e1.png" alt="🛡" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
      <p>If your OHC doctor is absent — <strong>UNO.care ensures a verified backup is at your facility.</strong></p>
    </div>
  </div>
</section>

<!-- ══════════ 360° PARTNER ══════════ -->
<section class="partner-section">
  <div class="container">
    <div class="section-header reveal visible">
      <div class="sec-eyebrow" style="justify-content:center">Our Services </div>
      <h2>UNO.Care: <span class="orange">360° Health Care Partner</span></h2>
      <p class="section-sub">One platform. End-to-end ownership. 100% Digital  </p>
    </div>
    <div class="cards-grid stagger visible">

      <a href="https://www.uno.care/comprehensive-health-checkups/" class="service-card" style="transition: transform .4s var(--ease-spring);">
        <div class="service-card-icon">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 12h-4l-3 9L9 3l-3 9H2"></path></svg>
        </div>
        <h4>Health Checkups</h4>
        <p>Pre-employment, periodic and exit checkups. Manufacturing health panels included. NABL certified labs across India.</p>
      </a>

      <a href="https://www.uno.care/doctor-consultation" class="service-card" style="transition: transform .4s var(--ease-spring);">
        <div class="service-card-icon">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75"></path></svg>
        </div>
        <h4>Doctor Consultation &amp; OPD Wallet</h4>
        <p>Occupational physicians trained in Physical Assessments. Tele-OPD and emergency response available 24×7.</p>
      </a>

      <a href="https://www.uno.care/ohc-staffing-management/" class="service-card" style="transition: transform .4s var(--ease-spring);">
        <div class="service-card-icon">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="10" rx="2"></rect><path d="M8 11V7a4 4 0 018 0v4"></path><circle cx="12" cy="16" r="1.5" fill="currentColor"></circle></svg>
        </div>
        <h4>OHC Staffing &amp; Management</h4>
        <p>Occupational physicians trained in Physical Assessments. 95% Attendance Rates.      </p>
      </a>

      <a href="https://www.uno.care/pharmacy" class="service-card" style="transition: transform .4s var(--ease-spring);">
        <div class="service-card-icon">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="3" width="16" height="18" rx="2"></rect><path d="M9 12h6M12 9v6"></path></svg>
        </div>
        <h4>Pharmacy Delivery</h4>
        <p>First Aid, Pain Medications, always stocked in OHC and delivery ready to the workers.                        </p>
      </a>

      <a href="https://www.uno.care/diagnostics" class="service-card">
        <div class="service-card-icon">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 12h4l3-7 4 14 3-7h4"></path></svg>
        </div>
        <h4>Diagnostics &amp; Lab Tests</h4>
        <p>NABL-only labs for Blood profiling (CBC, lipid), Organ function (LFT/KFT), Urine analysis.</p>
      </a>

      <a href="https://www.uno.care/ambulance" class="service-card" style="transition: transform .4s var(--ease-spring);">
        <div class="service-card-icon">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="8" width="14" height="10" rx="2"></rect><path d="M16 11l4 2v5h-4"></path><circle cx="6" cy="19" r="1.5"></circle><circle cx="17" cy="19" r="1.5"></circle><path d="M7 12h4M9 10v4"></path></svg>
        </div>
        <h4>Ambulance Services</h4>
        <p>Rapid-response ambulance with chemical decontamination equipment. Coordinated with nearest NABL hospital network.</p>
      </a>

    </div>
  </div>
</section>

<!-- ══════════ COMPLIANCE ══════════ -->
<section class="compliance-section">
  <div class="container">
    <div class="section-header reveal visible">
      <h2 style="color:var(--white)">Built for Every <span class="orange">Compliance Standard.</span></h2>
    </div>
    <div class="badge-grid stagger visible">
      <div class="badge-card" style="transition: transform .4s var(--ease-spring);"><div class="badge-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3db.png" alt="🏛" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div><div class="badge-title">Factories Act 1948</div><div class="badge-sub">Sections 41-B, 41-C, 41-H</div></div>
      <div class="badge-card" style="transition: transform .4s var(--ease-spring);"><div class="badge-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f52c.png" alt="🔬" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div><div class="badge-title">NABL/NABH Labs</div><div class="badge-sub">Certified lab network only</div></div>
      <div class="badge-card" style="transition: transform .4s var(--ease-spring);"><div class="badge-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4cb.png" alt="📋" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div><div class="badge-title">ISO Process Standards</div><div class="badge-sub">Consistent across all plants</div></div>
      <div class="badge-card" style="transition: transform .4s var(--ease-spring);"><div class="badge-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f310.png" alt="🌐" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div><div class="badge-title">WHO OHSW Guidelines</div><div class="badge-sub">International standards met</div></div>
      <div class="badge-card" style="transition: transform .4s var(--ease-spring);"><div class="badge-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f6e1.png" alt="🛡" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div><div class="badge-title">DISH Compliant</div><div class="badge-sub">Directorate of Industrial Safety</div></div>
      <div class="badge-card" style="transition: transform .4s var(--ease-spring);"><div class="badge-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f512.png" alt="🔒" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div><div class="badge-title">Tamper-Proof Certs</div><div class="badge-sub">Digital, audit-trail secured</div></div>
    </div>
  </div>
</section>

<!-- ══════════ STATS PANEL ══════════ -->
<section class="stats-panel-section">
  <div class="container">
    <div class="testi-stats stagger visible">
      <div class="testi-stat">
        <div class="testi-stat-num"><span class="count-up" data-target="200">200</span>+</div>
        <div class="testi-stat-label">Manufacturing Clients Served</div>
      </div>
      <div class="testi-stat">
        <div class="testi-stat-num"><span class="count-up" data-target="95">95</span>%</div>
        <div class="testi-stat-label">OHC Attendance Rate</div>
      </div>
      <div class="testi-stat">
        <div class="testi-stat-num"> 7 Days</div>
        <div class="testi-stat-label">Average Deployment Time</div>
      </div>
    </div>
  </div>
</section>

<!-- ══════════ CTA ══════════ -->
<section class="cta-section" id="cta">
  <div class="cta-circle-1"></div>
  <div class="cta-circle-2"></div>
  <div class="container" style="position:relative;z-index:1">
    <h2 class="reveal visible">Avoid Costly Stoppages with UNO.Care   </h2>
    <p class="reveal visible" style="transition-delay:.06s">               and ensure Full Health Compliance.                      </p>
    <div class="cta-btns reveal visible" style="transition-delay:.12s">
            <a href="https://www.uno.care/contact/" class="btn btn-white">Book a Demo →</a>
      <a href="tel:7206256930" class="uc-btn-contact" aria-label="Call 720 625 6930">
            <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>
            <span class="uc-btn-contact-text">720 625 6930</span>
          </a>
          <a href="mailto:support@uno.care" class="uc-btn-contact" aria-label="Email support@uno.care">
            <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>
            <span class="uc-btn-contact-text">support@uno.care</span>
          </a>
    </div>
    </div>
</section>

<!-- ══════════ JAVASCRIPT ══════════ -->
<script>
/* Smooth scroll */
document.querySelectorAll('a[href^="#"]').forEach(a => {
  a.addEventListener('click', e => {
    const t = document.querySelector(a.getAttribute('href'));
    if (t) { e.preventDefault(); t.scrollIntoView({ behavior: 'smooth', block: 'start' }); }
  });
});

/* Reveal */
const revealObs = new IntersectionObserver(entries => {
  entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('visible'); revealObs.unobserve(e.target); } });
}, { threshold: 0.12 });
document.querySelectorAll('.reveal').forEach(el => revealObs.observe(el));

/* From-left / from-right */
const dirObs = new IntersectionObserver(entries => {
  entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('visible'); dirObs.unobserve(e.target); } });
}, { threshold: 0.1 });
document.querySelectorAll('.from-left, .from-right').forEach(el => dirObs.observe(el));

/* Stagger */
const staggerObs = new IntersectionObserver(entries => {
  entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('visible'); staggerObs.unobserve(e.target); } });
}, { threshold: 0.1 });
document.querySelectorAll('.stagger').forEach(el => staggerObs.observe(el));

/* Immediately reveal hero content on load */
window.addEventListener('load', () => {
  document.querySelectorAll('.hero-left .from-left, .hero-left .stagger, .hero-left .reveal').forEach(el => {
    setTimeout(() => el.classList.add('visible'), 80);
  });
});

/* Count-up */
function easeOutCubic(t) { return 1 - Math.pow(1 - t, 3); }
function runCountUp(el) {
  const target = parseInt(el.dataset.target, 10);
  const dur = 1700, start = performance.now();
  (function step(now) {
    const p = Math.min((now - start) / dur, 1);
    el.textContent = Math.round(easeOutCubic(p) * target);
    if (p < 1) requestAnimationFrame(step);
  })(start);
}
const countObs = new IntersectionObserver(entries => {
  entries.forEach(e => { if (e.isIntersecting) { runCountUp(e.target); countObs.unobserve(e.target); } });
}, { threshold: 0.3 });
document.querySelectorAll('.count-up').forEach(el => countObs.observe(el));

/* Timeline fill */
const tlFill = document.getElementById('timelineFill');
if (tlFill) {
  new IntersectionObserver(entries => {
    if (entries[0].isIntersecting) tlFill.style.width = '100%';
  }, { threshold: 0.2 }).observe(tlFill.parentElement);
}

/* 3D tilt */
if (window.matchMedia('(hover:hover)').matches) {
  document.querySelectorAll('.prob-card, .service-card, .badge-card').forEach(card => {
    card.addEventListener('mousemove', e => {
      const r = card.getBoundingClientRect();
      const dx = (e.clientX - r.left - r.width / 2) / (r.width / 2);
      const dy = (e.clientY - r.top - r.height / 2) / (r.height / 2);
      card.style.transform = `perspective(700px) rotateX(${-dy*6}deg) rotateY(${dx*6}deg) translateY(-6px)`;
    });
    card.addEventListener('mouseleave', () => {
      card.style.transform = '';
      card.style.transition = 'transform .4s var(--ease-spring)';
    });
    card.addEventListener('mouseenter', () => {
      card.style.transition = 'transform .08s linear';
    });
  });
}

/* ── STICKY BOTTOM DEMO BAR ── */
document.addEventListener('DOMContentLoaded',function(){
  var bar=document.getElementById('uc-sticky-demo-bar');
  if(bar) document.body.appendChild(bar);
  var heroBtn=document.querySelector('.btn-orange');
  if(!bar||!heroBtn) return;
  function checkSticky(){
    var rect=heroBtn.getBoundingClientRect();
    if(rect.bottom<0){bar.classList.add('is-visible');}
    else{bar.classList.remove('is-visible');}
  }
  window.addEventListener('scroll',checkSticky,{passive:true});
  checkSticky();
});
</script>


<!-- TALK TO AN EXPERT MODAL -->
<div id="expert-modal" style="display:none;position:fixed;inset:0;z-index:9999;align-items:center;justify-content:center;">
  <div style="position:absolute;inset:0;background:rgba(15,20,40,.6);backdrop-filter:blur(6px);" onclick="closeExpertModal()"></div>
  <div style="position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:24px;padding:32px 28px 28px;width:min(460px,92vw);box-shadow:0 32px 80px rgba(0,0,0,.28);z-index:10000;">
    <button onclick="closeExpertModal()" style="position:absolute;top:16px;right:18px;width:32px;height:32px;border-radius:50%;background:#f4f4f4;border:none;font-size:18px;cursor:pointer;color:#555;line-height:1;display:flex;align-items:center;justify-content:center;">&times;</button>
    <h3 style="font-size:1.3rem;font-weight:800;color:#1a1a2e;margin:0 0 4px;">Talk to an Expert</h3>
    <p style="font-size:.875rem;color:#888;margin:0 0 22px;">Pick the channel that's easiest for you.</p>
    <!-- Call -->
    <a href="tel:7206256930" style="display:flex;align-items:center;gap:14px;border:1.5px solid #f0f0f0;border-radius:14px;padding:14px 16px;margin-bottom:12px;text-decoration:none;color:#1a1a2e;transition:border-color .2s,box-shadow .2s;" onmouseover="this.style.borderColor='#e8431a';this.style.boxShadow='0 4px 16px rgba(232,67,26,.12)'" onmouseout="this.style.borderColor='#f0f0f0';this.style.boxShadow='none'">
      <span style="width:44px;height:44px;border-radius:12px;background:#e8431a;display:flex;align-items:center;justify-content:center;flex-shrink:0;">
        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.07 9.81a19.79 19.79 0 01-3.07-8.63A2 2 0 012 .18h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L6.09 7.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z"></path></svg>
      </span>
      <span style="flex:1;">
        <strong style="display:block;font-size:.95rem;font-weight:700;">Call us</strong>
        <span style="font-size:.83rem;color:#888;">720 625 6930</span>
      </span>
      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#ccc" stroke-width="2.5" stroke-linecap="round"><path d="M9 18l6-6-6-6"/></svg>
    </a>
    <!-- WhatsApp -->
    <a href="https://wa.me/917206256930" target="_blank" rel="noopener" style="display:flex;align-items:center;gap:14px;border:1.5px solid #f0f0f0;border-radius:14px;padding:14px 16px;margin-bottom:12px;text-decoration:none;color:#1a1a2e;transition:border-color .2s,box-shadow .2s;" onmouseover="this.style.borderColor=&#039;#25d366&#039;;this.style.boxShadow=&#039;0 4px 16px rgba(37,211,102,.12)&#039;" onmouseout="this.style.borderColor=&#039;#f0f0f0&#039;;this.style.boxShadow=&#039;none&#039;">
      <span style="width:44px;height:44px;border-radius:12px;background:#25d366;display:flex;align-items:center;justify-content:center;flex-shrink:0;">
        <svg width="20" height="20" viewBox="0 0 24 24" fill="#fff"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>
      </span>
      <span style="flex:1;">
        <strong style="display:block;font-size:.95rem;font-weight:700;">WhatsApp</strong>
        <span style="font-size:.83rem;color:#888;">Chat with our team instantly</span>
      </span>
      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#ccc" stroke-width="2.5" stroke-linecap="round"><path d="M9 18l6-6-6-6"/></svg>
    </a>
    <!-- Email -->
    <a href="mailto:support@uno.care" style="display:flex;align-items:center;gap:14px;border:1.5px solid #f0f0f0;border-radius:14px;padding:14px 16px;text-decoration:none;color:#1a1a2e;transition:border-color .2s,box-shadow .2s;" onmouseover="this.style.borderColor='#1a1a2e';this.style.boxShadow='0 4px 16px rgba(26,26,46,.1)'" onmouseout="this.style.borderColor='#f0f0f0';this.style.boxShadow='none'">
      <span style="width:44px;height:44px;border-radius:12px;background:#1a1a2e;display:flex;align-items:center;justify-content:center;flex-shrink:0;">
        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>
      </span>
      <span style="flex:1;">
        <strong style="display:block;font-size:.95rem;font-weight:700;">Email</strong>
        <span style="font-size:.83rem;color:#888;">support@uno.care</span>
      </span>
      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#ccc" stroke-width="2.5" stroke-linecap="round"><path d="M9 18l6-6-6-6"/></svg>
    </a>
  </div>
</div>
<script>
function openExpertModal(){var m=document.getElementById('expert-modal');m.style.display='flex';}
function closeExpertModal(){var m=document.getElementById('expert-modal');m.style.display='none';}
document.addEventListener('keydown',function(e){if(e.key==='Escape')closeExpertModal();});
</script>

<div id="uc-sticky-demo-bar" role="complementary" aria-label="Book a Demo">
  <div class="uc-sticky-bar-text">
    <span class="uc-sticky-bar-headline">Want to know about Uno.Care One-on-One?</span>
  </div>
  <a href="https://www.uno.care/contact/" class="uc-sticky-bar-btn">
    Book a Demo
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"></path></svg>
  </a>
</div>
</body></html>				</div>
				</div>
				</div>
		]]></content:encoded>
					
					<wfw:commentRss>https://www.uno.care/manufacturing/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>OHC Staffing &#038; Management</title>
		<link>https://www.uno.care/ohc-staffing-management/</link>
					<comments>https://www.uno.care/ohc-staffing-management/#respond</comments>
		
		<dc:creator><![CDATA[Isht Dua]]></dc:creator>
		<pubDate>Sat, 16 May 2026 11:19:30 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<guid isPermaLink="false">https://www.uno.care/?p=3333</guid>

					<description><![CDATA[UNO.care – Your OHC. Running. Every Day. 🏭 Factory Act Compliant OHC Reliable Occupational Health Center for Factories &#038; Industrial Plants. Qualified doctors and nurses. 95% attendance guaranteed. Digital records. Zero chasing. Get OHC Quote → See How It Works OHC Live Dashboard — Thyrocare Plant, Pune Live Staff Present Today DR Occupational Physician (MBBS) [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="3333" class="elementor elementor-3333" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-f23c0f8 e-con-full e-flex e-con e-parent" data-id="f23c0f8" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				</div>
		<div class="elementor-element elementor-element-c7134ff e-con-full e-flex e-con e-parent" data-id="c7134ff" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-5b878e7 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="5b878e7" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>UNO.care – Your OHC. Running. Every Day.</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">

<style>
/* ===================== RESET & VARIABLES ===================== */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --navy: #0B1E3D;
  --navy-mid: #122648;
  --orange: #E8431A;
  --orange-light: #FF5C33;
  --orange-glow: rgba(232,67,26,0.18);
  --white: #ffffff;
  --off-white: #f7f8fc;
  --gray-light: #eef0f6;
  --gray-mid: #c4c9d8;
  --text-dark: #0B1E3D;
  --text-body: #3a4564;
  --green: #22c55e;
  --red: #ef4444;
  --font: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}

html { scroll-behavior: smooth; }
body {
  font-family: var(--font); color: var(--text-dark);
  background: var(--white); overflow-x: hidden;
  /* ── Full-bleed: escape Elementor column/container padding ── */
  width: 100vw !important;
  position: relative !important;
  left: 50% !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
}

/* ===================== UTILITY ===================== */
.container { max-width: 1180px; margin: 0 auto; padding: 0 24px; }
.tag-pill {
  display: inline-block; background: rgba(232,67,26,0.08); color: var(--orange);
  border: 1px solid rgba(232,67,26,0.22); border-radius: 50px;
  font-size: 11.5px; font-weight: 700; padding: 5px 14px;
  letter-spacing: 0.5px; text-transform: uppercase;
}

/* ===================== SCROLL ANIMATIONS ===================== */
.reveal {
  opacity: 0; transform: translateY(36px);
  transition: opacity 0.72s var(--ease-out), transform 0.72s var(--ease-out);
}
.reveal.from-left  { transform: translateX(-48px); }
.reveal.from-right { transform: translateX(48px); }
.reveal.scale-in   { transform: scale(0.91) translateY(18px); }
.reveal.visible    { opacity: 1; transform: translate(0,0) scale(1); }

.stagger > * {
  opacity: 0; transform: translateY(26px);
  transition: opacity 0.6s var(--ease-out), transform 0.6s var(--ease-out);
}
.stagger.visible > *:nth-child(1) { opacity:1;transform:none;transition-delay:0s }
.stagger.visible > *:nth-child(2) { opacity:1;transform:none;transition-delay:.11s }
.stagger.visible > *:nth-child(3) { opacity:1;transform:none;transition-delay:.22s }
.stagger.visible > *:nth-child(4) { opacity:1;transform:none;transition-delay:.33s }
.stagger.visible > *:nth-child(5) { opacity:1;transform:none;transition-delay:.44s }

/* ===================== BUTTONS ===================== */
.btn {
  display: inline-flex; align-items: center; gap: 7px;
  font-family: var(--font); font-weight: 700; font-size: 14.5px;
  border-radius: 50px; padding: 13px 24px; cursor: pointer;
  border: 2px solid transparent; text-decoration: none;
  transition: all 0.25s var(--ease-spring); position: relative; overflow: hidden;
}
.btn::after {
  content:''; position:absolute; inset:0; background:rgba(255,255,255,0.15);
  transform:translateX(-101%); transition:transform 0.32s var(--ease-out); pointer-events:none;
}
.btn:hover::after { transform:translateX(0); }
.btn-orange { background:var(--orange); color:#fff; }
.btn-orange:hover { background:var(--orange-light); transform:translateY(-2px); box-shadow:0 8px 24px rgba(232,67,26,0.4); }
.btn-outline { background:transparent; color:var(--navy); border-color:var(--navy); }
.btn-outline:hover { background:var(--navy); color:#fff; transform:translateY(-2px); }
.btn-white { background:#fff; color:var(--orange); font-weight:700; }
.btn-white:hover { transform:translateY(-2px); box-shadow:0 8px 24px rgba(0,0,0,0.14); }
.btn-outline-white { background:transparent; color:#fff; border-color:rgba(255,255,255,0.55); }
.btn-outline-white:hover { background:rgba(255,255,255,0.14); transform:translateY(-2px); }
.btn-decorative { opacity: 1; }

/* ===================== HERO ===================== */
#hero {
  background: var(--white);
  position: relative;
  overflow: hidden;
  min-height: calc(100vh - 80px);
}
#hero::before {
  content:''; position:absolute; top:-180px; right:-180px;
  width:580px; height:580px;
  background:radial-gradient(circle, rgba(232,67,26,0.055) 0%, transparent 68%);
  pointer-events:none;
}

#hero > .container {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: calc(100vh - 80px);
  display: flex;
  align-items: center;
}

.hero-grid {
  display: grid;
  grid-template-columns: 520px 1fr;
  align-items: center;
  width: 100%;
  min-height: calc(100vh - 80px);
}

.hero-tag { margin-bottom: 14px; }
.hero-h1 {
  font-size: clamp(28px, 3.8vw, 52px);
  font-weight: 900; line-height: 1.08; color: var(--navy);
  margin-bottom: 16px; letter-spacing: -1.5px;
}
.hero-h1 em { color: var(--orange); font-style: normal; }
.hero-sub {
  font-size: 15.5px; color: var(--text-body); line-height: 1.68;
  max-width: 400px; margin-bottom: 26px; font-weight: 400;
}
.hero-btns { display: flex; gap: 11px; flex-wrap: wrap; }

.hero-left {
  padding: 32px 20px 28px clamp(34px, 4.5vw, 58px);
  position: relative;
  z-index: 3;
}

.hero-right {
  position: relative;
  display: flex;
  flex-direction: column;
  height: calc(100vh - 140px);
  max-height: 560px;
  justify-content: flex-end;
  margin-right: 0;
}

/* ===================== HERO ILLUSTRATION ===================== */
.hero-illus-layer {
  position: absolute;
  top: 0;
  left: 180px;
  right: 0;
  bottom: 0;
  z-index: 0;
  pointer-events: none;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.hero-illus-layer img {
  height: 100%;
  width: auto;
  max-width: none;
  display: block;
  flex-shrink: 0;
  margin: 0;
  -webkit-mask-image: linear-gradient(
    to right,
    transparent 0%,
    rgba(0,0,0,0.25) 10%,
    rgba(0,0,0,0.75) 25%,
    black 42%,
    black 100%
  );
  mask-image: linear-gradient(
    to right,
    transparent 0%,
    rgba(0,0,0,0.25) 10%,
    rgba(0,0,0,0.75) 25%,
    black 42%,
    black 100%
  );
}

.hero-face-spacer {
  flex: 1;
  min-height: 80px;
  position: relative;
  z-index: 1;
}

.dashboard-card {
  background: rgba(255,255,255,0.94);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 12px;
  padding: 12px 14px;
  box-shadow: 0 16px 50px rgba(11,30,61,0.18), 0 2px 8px rgba(11,30,61,0.07);
  border: 1px solid rgba(11,30,61,0.08);
  position: relative; z-index: 2;
  animation: floatCard 4.2s ease-in-out infinite;
  transform-origin: bottom left;
  width: 90%;
  max-width: 340px;
}
@keyframes floatCard { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} }

.dash-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:9px; }
.dash-title { font-size: 10px; font-weight: 700; color: var(--navy); }
.live-badge {
  display:flex; align-items:center; gap:4px; font-size:9px; font-weight:700;
  color:var(--green); background:rgba(34,197,94,0.1); padding:2px 7px; border-radius:20px;
}
.live-dot {
  width:6px; height:6px; border-radius:50%; background:var(--green);
  animation:pulse-green 1.6s ease-in-out infinite;
}
@keyframes pulse-green { 0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,0.4)} 50%{box-shadow:0 0 0 5px rgba(34,197,94,0)} }

.dash-section-label { font-size:8.5px; font-weight:700; color:var(--gray-mid); letter-spacing:0.9px; text-transform:uppercase; margin-bottom:6px; }

.staff-row {
  display:flex; align-items:center; gap:7px; padding:5px 8px;
  background:var(--off-white); border-radius:7px; margin-bottom:5px;
  border:1.5px solid var(--gray-light);
  transition: all 0.2s var(--ease-out);
  cursor: default;
}
.staff-row:hover {
  background: rgba(232,67,26,0.06);
  border-color: rgba(232,67,26,0.32);
  transform: translateX(3px);
  box-shadow: 0 2px 8px rgba(232,67,26,0.1);
}

.staff-avatar {
  width:26px; height:26px; border-radius:50%;
  background:linear-gradient(135deg,#4f8ef7,#2563eb);
  display:flex; align-items:center; justify-content:center;
  font-size:9px; font-weight:800; color:#fff; flex-shrink:0;
  transition: transform 0.2s var(--ease-spring);
}
.staff-row:hover .staff-avatar { transform: scale(1.1); }
.staff-avatar.nurse { background:linear-gradient(135deg,#f77b72,#e8431a); }
.staff-name { font-size:10px; font-weight:600; color:var(--navy); }
.staff-present { font-size:9.5px; font-weight:700; color:var(--green); margin-left:auto; }

.dash-stats { display:grid; grid-template-columns:1fr 1fr; gap:6px; margin:8px 0; }
.dash-stat {
  background:var(--off-white); border-radius:7px; padding:7px 8px;
  border:1.5px solid var(--gray-light);
  transition: all 0.22s var(--ease-spring);
  cursor: default;
}
.dash-stat:hover {
  background: var(--navy); border-color: var(--navy);
  transform: scale(1.04); box-shadow: 0 4px 14px rgba(11,30,61,0.2);
}
.dash-stat:hover .dash-stat-num { color: #fff; }
.dash-stat:hover .dash-stat-num.alert { color: #ff8080; }
.dash-stat:hover .dash-stat-label { color: rgba(255,255,255,0.65); }

.dash-stat-num { font-size:18px; font-weight:900; color:var(--navy); letter-spacing:-0.5px; transition: color 0.2s; }
.dash-stat-num.alert { color:var(--red); }
.dash-stat-label { font-size:8.5px; color:var(--gray-mid); margin-top:1px; transition: color 0.2s; }

.progress-section {
  margin:7px 0; padding: 6px 8px; border-radius: 7px;
  border: 1.5px solid transparent; transition: all 0.22s var(--ease-out); cursor: default;
}
.progress-section:hover { background: rgba(232,67,26,0.04); border-color: rgba(232,67,26,0.2); }
.progress-label { display:flex; justify-content:space-between; font-size:9px; font-weight:500; color:var(--text-body); margin-bottom:4px; }
.progress-bar { height:5px; background:var(--gray-light); border-radius:50px; overflow:hidden; }
.progress-fill {
  height:100%; border-radius:50px;
  background:linear-gradient(90deg, var(--orange), var(--orange-light));
  width:0%; transition:width 1.9s var(--ease-out);
}
.progress-fill.animated { width:87%; }

.dash-row {
  display:flex; justify-content:space-between; align-items:center;
  padding:6px 8px; border-top:1px solid var(--gray-light);
  font-size:9px; color:var(--text-body);
  border-radius: 0 0 5px 5px; transition: all 0.18s var(--ease-out); cursor: default;
}
.dash-row:hover { background: rgba(11,30,61,0.04); padding-left: 11px; }
.badge-green { background:rgba(34,197,94,0.12); color:var(--green); font-weight:700; font-size:8.5px; padding:2px 6px; border-radius:4px; }

/* ===================== STATS BAR ===================== */
#stats-bar { background: var(--white); padding: 20px 0 36px; border-bottom: 1px solid var(--gray-light); }
.stats-grid { display:grid; grid-template-columns:repeat(4,1fr); }
.stat-item { text-align:center; padding:16px 12px; position:relative; }
.stat-item:not(:last-child)::after { content:''; position:absolute; right:0; top:22%; height:56%; width:1px; background:var(--gray-light); }
.stat-icon { font-size:22px; margin-bottom:6px; }
.stat-num { font-size:30px; font-weight:900; color:var(--navy); line-height:1; letter-spacing:-1.5px; }
.stat-label { font-size:12px; color:var(--text-body); margin-top:3px; font-weight:400; }

/* ===================== PROBLEM / SOLUTION ===================== */
#problem { padding: 76px 0; background: var(--off-white); }
.section-headline { text-align:center; margin-bottom:46px; }
.section-headline h2 { font-size:clamp(22px,3.4vw,38px); font-weight:800; color:var(--navy); line-height:1.22; letter-spacing:-0.5px; }
.section-headline h2 .sub-line { display:block; color:var(--orange); }

.prob-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.prob-card {
  background:#fff; border-radius:14px; padding:0;
  border:1.5px solid var(--gray-light); box-shadow:0 4px 22px rgba(11,30,61,0.05);
  transition:transform 0.32s var(--ease-spring), box-shadow 0.32s; overflow: hidden;
}
.prob-card:hover { transform:translateY(-5px); box-shadow:0 16px 44px rgba(11,30,61,0.11); }

.prob-card-img { width: 100%; height: 180px; overflow: hidden; background: var(--off-white); position: relative; }
.prob-card-img img { width: 100%; height: 100%; object-fit: cover; object-position: top center; display: block; transition: transform 0.5s var(--ease-out); }
.prob-card:hover .prob-card-img img { transform: scale(1.04); }
.prob-card-body { padding: 18px 20px 20px; }
.prob-row { display:flex; align-items:flex-start; gap:10px; margin-bottom:11px; }
.prob-row + .prob-row { border-top:1px dashed var(--gray-light); padding-top:11px; }
.icon-x, .icon-check { width:22px; height:22px; border-radius:50%; flex-shrink:0; margin-top:1px; display:flex; align-items:center; justify-content:center; font-size:11px; font-weight:700; }
.icon-x { background:rgba(239,68,68,0.1); color:var(--red); }
.icon-check { background:rgba(34,197,94,0.12); color:var(--green); }
.prob-text { font-size:13px; color:var(--text-body); line-height:1.6; }
.prob-cta { margin-top:12px; }
.prob-cta .btn { width:100%; justify-content:center; font-size:12.5px; padding:9px 12px; }
.btn-decorative { display:inline-flex; }

/* ===================== END TO END ===================== */
#e2e { padding: 86px 0; background: #fff; position:relative; }
.e2e-headline { text-align:center; margin-bottom:50px; }
.e2e-headline h2 { font-size:clamp(22px,3.4vw,38px); font-weight:800; color:var(--navy); letter-spacing:-0.5px; line-height:1.2; }
.e2e-headline h2 span { color:var(--orange); }

.timeline-wrap { position:relative; }
.timeline-line { position:absolute; top: 18px; left:10%; right:10%; height:2px; background:var(--gray-light); border-radius:50px; z-index:0; pointer-events:none; }
.timeline-progress { height:100%; background:linear-gradient(90deg, var(--orange), var(--orange-light)); border-radius:50px; width:0%; transition:width 2.2s var(--ease-out) 0.4s; pointer-events:none; }
.timeline-steps { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; position:relative; z-index:1; }
.timeline-step { text-align:center; }
.step-number { width: 36px; height: 36px; border-radius: 50%; background: var(--orange); color: #fff; font-size: 14px; font-weight: 800; display: flex; align-items: center; justify-content: center; margin: 0 auto 14px; position: relative; z-index: 2; box-shadow: 0 4px 14px rgba(232,67,26,0.38); transition: transform 0.3s var(--ease-spring), box-shadow 0.3s; }
.timeline-step:hover .step-number { transform: scale(1.18); box-shadow: 0 8px 24px rgba(232,67,26,0.5); }
.step-img-card { width: 100%; height: 120px; background: var(--off-white); border-radius: 12px; overflow: hidden; margin-bottom: 10px; border: 2px solid var(--gray-light); transition: all 0.38s var(--ease-spring); position: relative; }
.step-img-card img { width: 100%; height: 100%; object-fit: contain; object-position: center bottom; display: block; padding: 6px 4px 0; transition: transform 0.38s var(--ease-spring); }
.timeline-step:hover .step-img-card { border-color: var(--orange); box-shadow: 0 8px 28px var(--orange-glow); transform: translateY(-5px); background: rgba(232,67,26,0.04); }
.timeline-step:hover .step-img-card img { transform: scale(1.06); }
.step-label { font-size:12px; font-weight:700; color:var(--navy); margin-bottom:4px; }
.step-desc { font-size:11px; color:var(--text-body); line-height:1.5; max-width:115px; margin:0 auto; }

.alert-banner { margin-top:44px; background:var(--navy); border-radius:14px; padding:22px 28px; display:flex; align-items:center; gap:14px; position:relative; overflow:hidden; }
.alert-banner::before { content:''; position:absolute; left:0; top:0; bottom:0; width:4px; background:linear-gradient(180deg, var(--orange), var(--orange-light)); }
.alert-icon { font-size:24px; flex-shrink:0; }
.alert-text { font-size:14.5px; color:#fff; line-height:1.55; font-weight:400; }
.alert-text strong { font-weight:700; color:var(--orange-light); font-size:15px; }

/* ===================== STAFF ===================== */
#staff { padding:86px 0; background:var(--navy); position:relative; overflow:hidden; }
#staff::before { content:''; position:absolute; top:-200px; right:-200px; width:580px; height:580px; background:radial-gradient(circle, rgba(232,67,26,0.12) 0%, transparent 70%); pointer-events:none; }

.staff-headline { text-align:center; margin-bottom:44px; }
.staff-headline h2 { font-size:clamp(20px,3.1vw,35px); font-weight:800; color:#fff; letter-spacing:-0.5px; }
.staff-headline h2 span { color:var(--orange-light); }

.staff-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-bottom:24px; }
.staff-card { background: #ffffff; border: 1.5px solid rgba(255,255,255,0.12); border-radius:18px; padding:22px; transition:all 0.34s var(--ease-spring); position:relative; overflow:hidden; box-shadow: 0 12px 40px rgba(0,0,0,0.22); }
.staff-card::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg, var(--orange), var(--orange-light)); transform:scaleX(0); transform-origin:left; transition:transform 0.4s var(--ease-out); }
.staff-card:hover { transform:translateY(-5px); box-shadow: 0 24px 56px rgba(0,0,0,0.3); border-color: rgba(232,67,26,0.2); }
.staff-card:hover::before { transform:scaleX(1); }
.staff-card-inner { display:flex; gap:16px; align-items:flex-start; }
.staff-illustration { width:88px; height:88px; border-radius:50%; flex-shrink:0; background: var(--off-white); overflow:hidden; border:3px solid var(--gray-light); display:flex; align-items:center; justify-content:center; transition: border-color 0.3s, box-shadow 0.3s; }
.staff-card:hover .staff-illustration { border-color: rgba(232,67,26,0.35); box-shadow: 0 0 0 4px rgba(232,67,26,0.1); }
.staff-illustration img { width:100%; height:100%; object-fit:cover; display:block; }
.staff-card-info .eyebrow-label { font-size:10px; color: var(--text-body); margin-bottom:3px; text-transform:uppercase; letter-spacing:0.6px; font-weight: 600; }
.staff-card-info h3 { font-size:16px; font-weight:800; color: var(--navy); margin-bottom:2px; letter-spacing:-0.3px; }
.staff-card-info .cred { font-size:11px; color: var(--text-body); margin-bottom:10px; }
.badge-row { display:flex; gap:5px; flex-wrap:wrap; margin-bottom:8px; }
.badge { font-size:10px; font-weight:700; padding:3px 9px; border-radius:20px; background:rgba(232,67,26,0.09); color: var(--orange); border:1px solid rgba(232,67,26,0.2); }
.badge.green-badge { background:rgba(34,197,94,0.1); color:#16a34a; border-color:rgba(34,197,94,0.22); }
.verified-note { font-size:11px; color: var(--gray-mid); font-style:italic; }

.staff-network-note { background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.08); border-radius:12px; padding:16px 22px; text-align:center; margin-bottom:24px; }
.staff-network-note p { color:rgba(255,255,255,0.6); font-size:13px; line-height:1.65; font-weight:400; }
.staff-network-note strong { color:#fff; font-weight:700; }

.trust-badges { display:flex; justify-content:center; gap:10px; flex-wrap:wrap; }
.trust-badge { display:flex; align-items:center; gap:7px; background:rgba(255,255,255,0.07); border:1px solid rgba(255,255,255,0.11); border-radius:40px; padding:8px 15px; font-size:12px; font-weight:600; color:rgba(255,255,255,0.78); transition:all 0.22s; }
.trust-badge:hover { background:rgba(255,255,255,0.12); border-color:rgba(232,67,26,0.38); color:#fff; }
.trust-badge .tb-icon { font-size:13px; }

/* ===================== INDUSTRIES ===================== */
#industries { padding:86px 0; background:var(--off-white); }
.ind-headline { text-align:center; margin-bottom:10px; }
.ind-headline .sub-tag { display:block; font-size:11px; font-weight:700; letter-spacing:1.2px; text-transform:uppercase; color:var(--orange); margin-bottom:10px; }
.ind-headline h2 { font-size:clamp(20px,3.1vw,36px); font-weight:800; color:var(--navy); letter-spacing:-0.5px; }
.ind-sub { text-align:center; color:var(--text-body); font-size:14.5px; margin-bottom:42px; }

.ind-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.ind-card { border-radius:15px; padding:26px; position:relative; overflow:hidden; cursor:default; transition:transform 0.34s var(--ease-spring), box-shadow 0.34s; min-height:160px; display:flex; flex-direction:column; justify-content:flex-end; }
.ind-card:hover { transform:translateY(-5px) scale(1.01); box-shadow:0 18px 48px rgba(11,30,61,0.18); }
.ind-card-bg { position:absolute; inset:0; border-radius:15px; background-size:cover; background-position:center; background-repeat:no-repeat; z-index:0; transition:transform 0.5s var(--ease-out); }
.ind-card:hover .ind-card-bg { transform:scale(1.04); }
.ind-card-overlay { position:absolute; inset:0; border-radius:15px; z-index:1; background:linear-gradient(160deg, rgba(11,30,61,0.68) 0%, rgba(11,30,61,0.52) 100%); transition:opacity 0.3s; }
.ind-card:hover .ind-card-overlay { opacity:0.78; }
.ind-card-content { position:relative; z-index:2; }
.ind-card h3 { font-size:17px; font-weight:800; color:#fff; margin-bottom:6px; letter-spacing:-0.3px; }
.ind-card ul { list-style:none; }
.ind-card ul li { font-size:12px; color:rgba(255,255,255,0.78); padding:2px 0; display:flex; align-items:center; gap:7px; }
.ind-card ul li::before { content:'→'; color:var(--orange-light); font-weight:800; font-size:11px; }
.ind-card-view { color:var(--orange-light); font-size:12px; font-weight:700; margin-top:9px; display:inline-flex; align-items:center; gap:3px; }
.bg-mfg   { background-color:#1e3a5f; }
.bg-chem  { background-color:#1a3d2e; }
.bg-power { background-color:#3d1a0d; }
.bg-all   { background-color:#1e1e3d; }

/* ===================== TESTIMONIAL ===================== */
#testimonial { padding:86px 0; background:#fff; position:relative; overflow:hidden; }
#testimonial::before { content:'❝'; position:absolute; top:16px; left:5%; font-size:200px; color:rgba(232,67,26,0.04); font-family:Georgia,serif; line-height:1; pointer-events:none; }
.testi-inner { max-width:700px; margin:0 auto; text-align:center; }
.testi-quote { font-size:clamp(16px,2vw,23px); font-weight:700; color:var(--navy); line-height:1.52; margin-bottom:18px; font-style:italic; letter-spacing:-0.3px; }
.testi-who { font-size:13px; color:var(--text-body); margin-bottom:9px; }
.testi-stars { font-size:18px; color:var(--orange); letter-spacing:4px; margin-bottom:42px; }
.testi-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--gray-light); border-radius:13px; overflow:hidden; box-shadow:0 8px 36px rgba(11,30,61,0.06); }
.testi-stat { background:#fff; padding:24px 14px; text-align:center; }
.testi-stat-num { font-size:38px; font-weight:900; color:var(--orange); line-height:1; letter-spacing:-2px; }
.testi-stat-label { font-size:11.5px; color:var(--text-body); margin-top:4px; font-weight:400; }

/* ===================== CTA ===================== */
#cta { background:linear-gradient(135deg, var(--orange) 0%, #c0360e 100%); padding:64px 0; text-align:center; position:relative; overflow:hidden; }
#cta::before { content:''; position:absolute; top:-100px; right:-100px; width:380px; height:380px; border-radius:50%; background:rgba(255,255,255,0.06); pointer-events:none; }
#cta::after { content:''; position:absolute; bottom:-80px; left:-80px; width:300px; height:300px; border-radius:50%; background:rgba(255,255,255,0.04); pointer-events:none; }
.cta-inner { position:relative; z-index:1; }
.cta-inner h2 { font-size:clamp(22px,3.6vw,40px); font-weight:900; color:#fff; margin-bottom:11px; letter-spacing:-1.5px; }
.cta-inner > p { font-size:15px; color:rgba(255,255,255,0.84); margin-bottom:28px; font-weight:400; }
.cta-btns { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; margin-bottom:22px; }
.cta-contact { display:flex; gap:22px; justify-content:center; flex-wrap:wrap; }
.cta-contact-item { display:flex; align-items:center; gap:7px; font-size:13px; color:rgba(255,255,255,0.82); font-weight:500; }

/* ===================== PARTICLES ===================== */
.particles { position:absolute; inset:0; pointer-events:none; overflow:hidden; z-index:0; }
.particle { position:absolute; border-radius:50%; background:var(--orange); opacity:0; animation:drift 9s linear infinite; }
@keyframes drift { 0%{opacity:0;transform:translateY(0) translateX(0)} 10%{opacity:0.35} 90%{opacity:0.12} 100%{opacity:0;transform:translateY(-115px) translateX(22px)} }

/* ===================== RESPONSIVE — 860px ===================== */
@media (max-width: 860px) {
  /* Hero: stack into single column */
  #hero > .container {
    display: block;
    min-height: auto;
  }

  .hero-grid {
    grid-template-columns: 1fr;
    min-height: auto;
    display: flex;
    flex-direction: column;
  }

  /* Text block */
  .hero-left {
    padding: 36px 20px 20px 20px !important;
    position: relative;
    z-index: 4;
    order: 1;
  }

  /* Image + dashboard block */
  .hero-right {
    order: 2;
    width: 100%;
    /* Tall enough to show torso of doctor/nurse */
    height: 460px;
    max-height: 460px;
    max-width: 100%;
    margin: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0 16px 20px;
  }

  /* Illustration: centered, showing head + body + clothes */
  .hero-illus-layer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    /* bottom offset leaves room for the dashboard card */
    bottom: 140px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }

  .hero-illus-layer img {
    /* Show enough of the figure to see clothes, not just faces */
    height: 320px;
    width: auto;
    max-width: 100%;
    object-fit: contain;
    object-position: bottom center;
    margin: 0 auto;
    flex-shrink: 0;
    /* Fade bottom of image into dashboard, not left side */
    -webkit-mask-image: linear-gradient(
      to bottom,
      black 0%,
      black 65%,
      rgba(0,0,0,0.5) 85%,
      transparent 100%
    );
    mask-image: linear-gradient(
      to bottom,
      black 0%,
      black 65%,
      rgba(0,0,0,0.5) 85%,
      transparent 100%
    );
  }

  /* Remove spacer from interfering with layout */
  .hero-face-spacer {
    display: none;
  }

  /* Dashboard: full width, scaled down, sits at bottom */
  .dashboard-card {
    position: relative;
    z-index: 10;
    width: 100%;
    max-width: 100%;
    /* Scale the entire card to ~80% so it feels compact on mobile */
    transform: scale(0.8);
    transform-origin: bottom center;
    margin-bottom: -30px; /* compensate for scale whitespace */
    background: rgba(255,255,255,0.97);
    animation: none; /* disable float animation on mobile */
  }

  /* Other section fixes */
  #hero { min-height: auto; }
  .stats-grid { grid-template-columns: repeat(2,1fr); }
  .stat-item:nth-child(2)::after { display:none; }
  .prob-grid { grid-template-columns: 1fr; }
  .timeline-steps { grid-template-columns: repeat(2,1fr); gap:18px; }
  .timeline-line { display:none; }
  .staff-grid { grid-template-columns: 1fr; }
  .ind-grid { grid-template-columns: 1fr; }
  .testi-stats { grid-template-columns: 1fr; }
}

/* ===================== RESPONSIVE — 560px ===================== */
@media (max-width: 560px) {
  #hero { padding: 0; }

  .hero-left {
    padding: 28px 16px 16px 16px !important;
  }

  .hero-h1 { font-size: clamp(34px, 4.5vw, 58px); font-weight: 900; letter-spacing: -0.8px; line-height: 1.08; color: #0B1E3D; }
  .hero-sub { font-size: clamp(14px,1.6vw,17px); }
  .hero-btns { flex-direction: column; }
  .hero-btns .btn { width: 100%; justify-content: center; }

  /* Slightly smaller on very small phones */
  .hero-right {
    height: 400px;
    max-height: 400px;
    padding: 0 10px 16px;
  }

  .hero-illus-layer {
    bottom: 120px;
  }

  .hero-illus-layer img {
    height: 280px;
  }

  /* Dashboard even more compact on tiny screens */
  .dashboard-card {
    transform: scale(0.72);
    transform-origin: bottom center;
    margin-bottom: -50px;
  }

  .stat-num { font-size: 26px; }
  .timeline-steps { grid-template-columns: 1fr; }
  .testi-stat-num { font-size: 30px; }
  .cta-btns { flex-direction: column; align-items: center; }
  .cta-btns .btn { width: 90%; justify-content: center; }
  .staff-card-inner { flex-direction: column; align-items: center; text-align: center; }
  .badge-row { justify-content: center; }
  .prob-card-img { height: 140px; }
}

/* ===================== INDUSTRIES (shared) ===================== */
#uno-industries { padding: 80px 0; background: #f7f8fc; }
.ind-headline { text-align:center; margin-bottom:10px; }
.ind-headline .sub-tag { display:block; font-size:11px; font-weight:700; letter-spacing:1.4px; text-transform:uppercase; color:#E8431A; margin-bottom:10px; }
.ind-headline h2 { font-size:clamp(20px,3.1vw,36px); font-weight:800; color:#0B1E3D; letter-spacing:-0.5px; margin:0; }
.ind-sub { text-align:center; color:#555; font-size:14.5px; margin-bottom:42px; margin-top:8px; }
.ind-wrap { max-width:1100px; margin:0 auto; padding:0 24px; }
.ind-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.ind-card { border-radius:15px; padding:26px; position:relative; overflow:hidden; cursor:pointer; transition:transform 0.34s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.34s; min-height:160px; display:flex; flex-direction:column; justify-content:flex-end; text-decoration:none; }
.ind-card:hover { transform:translateY(-5px) scale(1.01); box-shadow:0 18px 48px rgba(11,30,61,0.18); }
.ind-card-bg { position:absolute; inset:0; border-radius:15px; background-size:cover; background-position:center; background-repeat:no-repeat; z-index:0; transition:transform 0.5s ease; }
.ind-card:hover .ind-card-bg { transform:scale(1.04); }
.ind-card-overlay { position:absolute; inset:0; border-radius:15px; z-index:1; background:linear-gradient(160deg, rgba(11,30,61,0.68) 0%, rgba(11,30,61,0.52) 100%); transition:opacity 0.3s; }
.ind-card:hover .ind-card-overlay { opacity:0.78; }
.ind-card-content { position:relative; z-index:2; }
.ind-card h3 { font-size:17px; font-weight:800; color:#fff; margin-bottom:6px; letter-spacing:-0.3px; }
.ind-card ul { list-style:none; padding:0; margin:0; }
.ind-card ul li { font-size:12px; color:rgba(255,255,255,0.78); padding:2px 0; display:flex; align-items:center; gap:7px; }
.ind-card ul li::before { content:'\2192'; color:#ffb08a; font-weight:800; font-size:11px; }
.ind-card-view { color:#ffb08a; font-size:12px; font-weight:700; margin-top:9px; display:inline-flex; align-items:center; gap:3px; }
.bg-mfg   { background-color:#1e3a5f; }
.bg-chem  { background-color:#1a3d2e; }
.bg-power { background-color:#3d1a0d; }
.bg-all   { background-color:#1e1e3d; }
@media (max-width: 600px) { .ind-grid { grid-template-columns:1fr; } }






/* LEFT — problem */
.slide-l { background:#0B1E3D; padding:50px 48px; display:flex; flex-direction:column; justify-content:center; gap:0; position:relative; overflow:hidden; }
.slide-l::before { content:''; position:absolute; top:-80px; right:-80px; width:260px; height:260px; border-radius:50%; background:rgba(232,67,26,0.06); pointer-events:none; }
.slide-l::after { content:''; position:absolute; bottom:-60px; left:-40px; width:180px; height:180px; border-radius:50%; background:rgba(255,255,255,0.025); pointer-events:none; }
.slide-icon-ring { width:52px; height:52px; border-radius:15px; background:rgba(232,67,26,0.15); display:flex; align-items:center; justify-content:center; margin-bottom:20px; flex-shrink:0; }
.slide-icon-ring svg { width:24px; height:24px; fill:none; stroke:#ff7a42; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.slide-badge { display:inline-block; background:rgba(255,255,255,0.07); border:1px solid rgba(255,255,255,0.12); color:rgba(255,255,255,0.6); font-size:10px; font-weight:700; letter-spacing:1.3px; text-transform:uppercase; padding:4px 12px; border-radius:20px; margin-bottom:18px; }
.slide-l h3 { font-size:clamp(18px,2vw,24px); font-weight:900; color:#fff; line-height:1.35; margin:0 0 18px; letter-spacing:-0.4px; }
.slide-story { font-size:14px; color:rgba(255,255,255,0.62); line-height:1.75; margin:0; }

/* RIGHT — outcome */
.slide-r { background:#fff; display:flex; flex-direction:column; }
.slide-illus { flex:1; min-height:220px; background:#f7f9ff; display:flex; align-items:center; justify-content:center; padding:28px; overflow:hidden; position:relative; }
.slide-illus svg { width:100%; max-width:300px; height:auto; }
.slide-outcome-box { padding:28px 36px 32px; border-top:1px solid #eef0f7; }
.slide-outcome-label { font-size:9.5px; font-weight:800; text-transform:uppercase; letter-spacing:1.2px; color:var(--orange,#E8431A); margin-bottom:10px; display:flex; align-items:center; gap:6px; }
.slide-outcome-label span { display:inline-block; width:18px; height:2px; background:var(--orange,#E8431A); border-radius:2px; }
.slide-outcome-box p { font-size:14px; font-weight:700; color:#0B1E3D; line-height:1.55; margin:0; }

/* NAV */
.cases-nav { display:flex; align-items:center; justify-content:center; gap:16px; margin-top:32px; }
.cases-arr { width:48px; height:48px; border-radius:50%; background:#fff; border:1.5px solid #dce3ef; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:all 0.22s; box-shadow:0 2px 12px rgba(11,30,61,0.08); }
.cases-arr:hover { background:var(--orange,#E8431A); border-color:var(--orange,#E8431A); }
.cases-arr:hover svg { stroke:#fff; }
.cases-arr svg { width:18px; height:18px; fill:none; stroke:#0B1E3D; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; transition:stroke 0.22s; }
.cases-arr:disabled { opacity:0.35; cursor:default; }
.cases-dots { display:flex; gap:8px; align-items:center; }
.c-dot { width:8px; height:8px; border-radius:50%; background:#ccd3e0; cursor:pointer; transition:all 0.3s; border:none; padding:0; }
.c-dot.on { width:26px; border-radius:4px; background:var(--orange,#E8431A); }

/* MOBILE */
@media(max-width:760px){
  .case-slide{ grid-template-columns:1fr; }
  .slide-l{ padding:36px 28px; }
  .slide-illus{ min-height:180px; padding:20px; }
  .slide-outcome-box{ padding:22px 24px 26px; }
  .cases-stack-outer{ padding:0 16px; }
  .cases-hdr{ padding:0 20px 40px; }
}
@media(max-width:480px){
  .slide-l h3{ font-size:18px; }
  .cases-arr{ width:40px; height:40px; }
}



/* LEFT — problem */
.case-l { background:#0B1E3D; padding:40px 44px; display:flex; flex-direction:column; justify-content:center; position:relative; overflow:hidden; }
.case-l::before { content:''; position:absolute; top:-80px; right:-80px; width:260px; height:260px; border-radius:50%; background:rgba(232,67,26,0.07); pointer-events:none; }
.case-num { font-size:72px; font-weight:900; color:rgba(255,255,255,0.04); line-height:1; position:absolute; top:18px; right:28px; letter-spacing:-4px; user-select:none; }
.case-icon-ring { width:50px; height:50px; border-radius:14px; background:rgba(232,67,26,0.15); display:flex; align-items:center; justify-content:center; margin-bottom:18px; flex-shrink:0; }
.case-icon-ring svg { width:22px; height:22px; fill:none; stroke:#ff7a42; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.case-badge { display:inline-block; background:rgba(255,255,255,0.07); border:1px solid rgba(255,255,255,0.12); color:rgba(255,255,255,0.6); font-size:10px; font-weight:700; letter-spacing:1.3px; text-transform:uppercase; padding:4px 12px; border-radius:20px; margin-bottom:16px; }
.case-l h3 { font-size:clamp(17px,1.8vw,22px); font-weight:900; color:#fff; line-height:1.35; margin:0 0 16px; letter-spacing:-0.3px; }
.case-story { font-size:13.5px; color:rgba(255,255,255,0.6); line-height:1.75; margin:0; }
/* RIGHT — image + outcome */
.case-r { background:#fff; display:flex; flex-direction:column; }
.case-img-wrap { flex:1; overflow:hidden; position:relative; min-height:190px; }
.case-img-wrap img { width:100%; height:100%; object-fit:cover; object-position:center top; display:block; transition:transform 0.5s ease; }
.case-item:hover .case-img-wrap img { transform:scale(1.04); }
.case-outcome-strip { padding:20px 28px; border-top:1px solid #eef0f7; flex-shrink:0; }
.case-outcome-label { font-size:9.5px; font-weight:800; text-transform:uppercase; letter-spacing:1.2px; color:var(--orange,#E8431A); margin-bottom:8px; display:flex; align-items:center; gap:6px; }
.case-outcome-label span { display:inline-block; width:18px; height:2px; background:var(--orange,#E8431A); border-radius:2px; }
.case-outcome-strip p { font-size:13.5px; font-weight:700; color:#0B1E3D; line-height:1.5; margin:0; }
/* mobile */
@media(max-width:760px){
  .case-item { grid-template-columns:1fr; min-height:auto; }
  .case-l { padding:30px 24px; }
  .case-img-wrap { min-height:200px; max-height:240px; }
  .case-outcome-strip { padding:18px 22px; }
  .cases-stack-outer,.cases-hdr { padding-left:16px; padding-right:16px; }
}



/* ── Section header ── */
.cases-hdr {
  max-width: 1140px; margin: 0 auto; padding: 0 32px 56px; text-align: center;
}
.cases-eyebrow {
  display: inline-flex; align-items: center; gap: 8px;
  background: #fff3eb; color: var(--orange, #E8431A);
  font-size: 11px; font-weight: 800; letter-spacing: 1.6px;
  text-transform: uppercase; padding: 6px 14px 6px 10px;
  border-radius: 30px; margin-bottom: 20px; line-height: 1;
}
.cases-eyebrow svg { width: 14px; height: 14px; flex-shrink: 0; }
.cases-hdr h2 {
  font-size: clamp(28px, 3.8vw, 46px); font-weight: 900;
  color: #0B1E3D; letter-spacing: -1.4px; margin: 0 0 16px; line-height: 1.08;
}
.cases-hdr p {
  font-size: 15.5px; color: #5e6e8a; max-width: 500px;
  margin: 0 auto; line-height: 1.7;
}

/* ── Stack ── */
.cases-stack-outer { max-width: 1140px; margin: 0 auto; padding: 0 32px; }
.cases-stack { display: flex; flex-direction: column; gap: 20px; }

/* ── Card ── */
.case-item {
  display: grid; grid-template-columns: 55fr 45fr;
  border-radius: 24px; overflow: hidden;
  box-shadow: 0 4px 24px rgba(11,30,61,0.07);
  border: 1px solid rgba(11,30,61,0.06);
  min-height: 260px;
  transition:
    transform 0.38s cubic-bezier(0.34,1.56,0.64,1),
    box-shadow 0.38s ease,
    border-color 0.3s ease;
}
.case-item:hover {
  transform: translateY(-6px) scale(1.005);
  box-shadow: 0 28px 64px rgba(11,30,61,0.16);
  border-color: rgba(232,67,26,0.25);
}

/* ── Left panel ── */
.case-l {
  background: #0B1E3D; padding: 40px 44px;
  display: flex; flex-direction: column; justify-content: center;
  position: relative; overflow: hidden;
  transition: background 0.3s ease;
}
.case-item:hover .case-l { background: #0d2347; }
.case-l::before {
  content: ''; position: absolute; top: -80px; right: -80px;
  width: 260px; height: 260px; border-radius: 50%;
  background: rgba(232,67,26,0.07); pointer-events: none;
  transition: transform 0.5s ease, opacity 0.4s;
}
.case-item:hover .case-l::before { transform: scale(1.3); opacity: 1.4; }
/* Orange left-edge accent on hover */
.case-l::after {
  content: ''; position: absolute; left: 0; top: 0; bottom: 0;
  width: 4px; background: var(--orange, #E8431A);
  transform: scaleY(0); transform-origin: bottom;
  transition: transform 0.35s cubic-bezier(0.34,1.56,0.64,1);
  border-radius: 0 2px 2px 0;
}
.case-item:hover .case-l::after { transform: scaleY(1); }
.case-num {
  font-size: 72px; font-weight: 900; color: rgba(255,255,255,0.04);
  line-height: 1; position: absolute; top: 18px; right: 28px;
  letter-spacing: -4px; user-select: none;
  transition: color 0.3s, transform 0.4s;
}
.case-item:hover .case-num {
  color: rgba(255,255,255,0.07); transform: scale(1.06) translateY(-4px);
}
.case-icon-ring {
  width: 50px; height: 50px; border-radius: 14px;
  background: rgba(232,67,26,0.15);
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 18px; flex-shrink: 0;
  transition: background 0.3s, transform 0.35s cubic-bezier(0.34,1.56,0.64,1);
}
.case-item:hover .case-icon-ring {
  background: rgba(232,67,26,0.28); transform: rotate(-4deg) scale(1.1);
}
.case-icon-ring svg {
  width: 22px; height: 22px; fill: none; stroke: #ff7a42;
  stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;
}
.case-badge {
  display: inline-block;
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.6); font-size: 10px; font-weight: 700;
  letter-spacing: 1.3px; text-transform: uppercase;
  padding: 4px 12px; border-radius: 20px; margin-bottom: 16px;
  transition: background 0.3s, color 0.3s, border-color 0.3s;
}
.case-item:hover .case-badge {
  background: rgba(232,67,26,0.18);
  border-color: rgba(232,67,26,0.35);
  color: #ffb08a;
}
.case-l h3 {
  font-size: clamp(17px,1.8vw,22px); font-weight: 900; color: #fff;
  line-height: 1.35; margin: 0 0 16px; letter-spacing: -0.3px;
  transition: color 0.2s;
}
.case-item:hover .case-l h3 { color: #fff; }
.case-story {
  font-size: 13.5px; color: rgba(255,255,255,0.58);
  line-height: 1.75; margin: 0;
  transition: color 0.3s;
}
.case-item:hover .case-story { color: rgba(255,255,255,0.72); }

/* ── Right panel ── */
.case-r { background: #fff; display: flex; flex-direction: column; }
.case-img-wrap {
  flex: 1; overflow: hidden; position: relative; min-height: 200px;
  background: #f0f3f9;
}
.case-img-wrap img {
  width: 100%; height: 100%; object-fit: cover; object-position: center top;
  display: block;
  transition: transform 0.55s cubic-bezier(0.25,0.46,0.45,0.94), filter 0.4s;
  filter: brightness(0.97) saturate(1.02);
}
.case-item:hover .case-img-wrap img {
  transform: scale(1.07);
  filter: brightness(1.03) saturate(1.1);
}
/* Subtle overlay on image on hover */
.case-img-wrap::after {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(135deg, rgba(232,67,26,0.06) 0%, transparent 60%);
  opacity: 0; transition: opacity 0.4s;
  pointer-events: none;
}
.case-item:hover .case-img-wrap::after { opacity: 1; }

.case-outcome-strip {
  padding: 20px 28px; border-top: 1px solid #eef0f7; flex-shrink: 0;
  transition: background 0.3s;
}
.case-item:hover .case-outcome-strip { background: #fefaf8; }
.case-outcome-label {
  font-size: 9.5px; font-weight: 800; text-transform: uppercase;
  letter-spacing: 1.2px; color: var(--orange, #E8431A);
  margin-bottom: 8px; display: flex; align-items: center; gap: 6px;
}
.case-outcome-label span {
  display: inline-block; width: 18px; height: 2px;
  background: var(--orange, #E8431A); border-radius: 2px;
}
.case-outcome-strip p {
  font-size: 13px; font-weight: 700; color: #14532d; line-height: 1.5; margin: 0;
}

/* ── Mobile ── */
@media(max-width: 760px) {
  .case-item { grid-template-columns: 1fr; min-height: auto; }
  .case-l { padding: 26px 22px; }
  .case-img-wrap { min-height: 200px; max-height: 240px; }
  .case-outcome-strip { padding: 18px 22px; }
  .cases-stack-outer, .cases-hdr { padding-left: 16px; padding-right: 16px; }
  .case-item:hover { transform: translateY(-3px) scale(1); }
}



/* ── Header ── */
.cases-hdr {
  max-width: 1140px; margin: 0 auto; padding: 0 32px 44px; text-align: center;
}
.cases-eyebrow {
  display: inline-flex; align-items: center; gap: 8px;
  background: #fff3eb; color: var(--orange, #E8431A);
  font-size: 11px; font-weight: 800; letter-spacing: 1.6px;
  text-transform: uppercase; padding: 6px 14px 6px 10px;
  border-radius: 30px; margin-bottom: 20px; line-height: 1;
}
.cases-eyebrow svg { width: 14px; height: 14px; flex-shrink: 0; }
.cases-hdr h2 {
  font-size: clamp(26px, 3.5vw, 42px); font-weight: 900;
  color: #0B1E3D; letter-spacing: -1.2px; margin: 0 0 14px; line-height: 1.1;
}
.cases-hdr p {
  font-size: 15px; color: #5e6e8a; max-width: 500px;
  margin: 0 auto; line-height: 1.7;
}

/* ── Stack ── */
.cases-stack-outer { max-width: 1140px; margin: 0 auto; padding: 0 32px; }
.cases-stack { display: flex; flex-direction: column; gap: 16px; }

/* ── Card ── */
.case-item {
  display: grid; grid-template-columns: 55fr 45fr;
  border-radius: 20px; overflow: hidden;
  box-shadow: 0 4px 20px rgba(11,30,61,0.08);
  border: 1px solid rgba(11,30,61,0.06);
  transition:
    transform 0.38s cubic-bezier(0.34,1.56,0.64,1),
    box-shadow 0.38s ease,
    border-color 0.3s ease;
}
.case-item:hover {
  transform: translateY(-5px) scale(1.005);
  box-shadow: 0 24px 56px rgba(11,30,61,0.15);
  border-color: rgba(232,67,26,0.22);
}

/* ── Left: problem panel ── */
.case-l {
  background: #0B1E3D; padding: 32px 40px;
  display: flex; flex-direction: column; justify-content: center;
  position: relative; overflow: hidden;
  transition: background 0.3s ease;
  min-height: 260px;
}
.case-item:hover .case-l { background: #0d2347; }
.case-l::before {
  content: ''; position: absolute; top: -80px; right: -80px;
  width: 240px; height: 240px; border-radius: 50%;
  background: rgba(232,67,26,0.07); pointer-events: none;
  transition: transform 0.5s ease;
}
.case-item:hover .case-l::before { transform: scale(1.35); }
/* Orange left-edge accent slide in on hover */
.case-l::after {
  content: ''; position: absolute; left: 0; top: 0; bottom: 0;
  width: 4px; background: var(--orange, #E8431A);
  transform: scaleY(0); transform-origin: bottom;
  transition: transform 0.38s cubic-bezier(0.34,1.56,0.64,1);
}
.case-item:hover .case-l::after { transform: scaleY(1); }

/* BIG NUMBER — now orange watermark */
.case-num {
  font-size: 96px; font-weight: 900;
  color: rgba(232,67,26,0.13);
  line-height: 1; position: absolute; top: 8px; right: 20px;
  letter-spacing: -6px; user-select: none; font-family: inherit;
  transition: color 0.35s, transform 0.4s;
}
.case-item:hover .case-num {
  color: rgba(232,67,26,0.2);
  transform: scale(1.05) translateY(-4px);
}

.case-icon-ring {
  width: 46px; height: 46px; border-radius: 13px;
  background: rgba(232,67,26,0.15);
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 14px; flex-shrink: 0;
  transition: background 0.3s, transform 0.35s cubic-bezier(0.34,1.56,0.64,1);
}
.case-item:hover .case-icon-ring {
  background: rgba(232,67,26,0.28); transform: rotate(-4deg) scale(1.1);
}
.case-icon-ring svg {
  width: 20px; height: 20px; fill: none; stroke: #ff7a42;
  stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;
}
.case-badge {
  display: inline-block;
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.1);
  color: rgba(255,255,255,0.55); font-size: 10px; font-weight: 700;
  letter-spacing: 1.3px; text-transform: uppercase;
  padding: 3px 11px; border-radius: 20px; margin-bottom: 13px;
  transition: background 0.3s, color 0.3s, border-color 0.3s;
}
.case-item:hover .case-badge {
  background: rgba(232,67,26,0.2);
  border-color: rgba(232,67,26,0.4); color: #ffb08a;
}
.case-l h3 {
  font-size: clamp(16px, 1.7vw, 21px); font-weight: 900; color: #fff;
  line-height: 1.35; margin: 0 0 12px; letter-spacing: -0.3px;
}
.case-story {
  font-size: 13px; color: rgba(255,255,255,0.58);
  line-height: 1.72; margin: 0;
  transition: color 0.3s;
}
.case-item:hover .case-story { color: rgba(255,255,255,0.74); }

/* ── Right: image + outcome ── */
.case-r { background: #fff; display: flex; flex-direction: column; }
.case-img-wrap {
  flex: 1; overflow: hidden; position: relative; min-height: 160px;
  background: #f0f3f9;
}
.case-img-wrap img {
  width: 100%; height: 100%; object-fit: cover; object-position: center top;
  display: block;
  transition: transform 0.55s cubic-bezier(0.25,0.46,0.45,0.94), filter 0.4s;
}
.case-item:hover .case-img-wrap img {
  transform: scale(1.06); filter: brightness(1.04) saturate(1.1);
}
.case-img-wrap::after {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(135deg, rgba(232,67,26,0.05) 0%, transparent 55%);
  opacity: 0; transition: opacity 0.4s; pointer-events: none;
}
.case-item:hover .case-img-wrap::after { opacity: 1; }

/* ── WHAT CHANGES — redesigned with green ── */
.case-outcome-strip {
  flex-shrink: 0;
  background: linear-gradient(135deg, #f0fdf4 0%, #ecfdf5 100%);
  border-top: 2px solid #22c55e;
  padding: 14px 22px 16px;
  transition: background 0.3s;
}
.case-item:hover .case-outcome-strip {
  background: linear-gradient(135deg, #dcfce7 0%, #d1fae5 100%);
}
.case-outcome-label {
  display: flex; align-items: center; gap: 6px;
  font-size: 9.5px; font-weight: 800; text-transform: uppercase;
  letter-spacing: 1.3px; color: #16a34a; margin-bottom: 5px;
}
.case-outcome-dot {
  width: 7px; height: 7px; border-radius: 50%;
  background: #22c55e; flex-shrink: 0;
  box-shadow: 0 0 0 2px rgba(34,197,94,0.25);
}
.case-outcome-strip p {
  font-size: 13px; font-weight: 700; color: #14532d;
  line-height: 1.5; margin: 0;
}

/* ── Mobile ── */
@media(max-width: 760px) {
  .case-item { grid-template-columns: 1fr; min-height: auto; }
  .case-l { padding: 26px 22px; min-height: auto; }
  .case-num { font-size: 72px; top: 6px; right: 14px; }
  .case-img-wrap { min-height: 180px; max-height: 220px; }
  .case-outcome-strip { padding: 12px 18px 14px; }
  .cases-stack-outer, .cases-hdr { padding-left: 16px; padding-right: 16px; }
  #uno-cases { padding: 56px 0 64px; }
  .case-item:hover { transform: translateY(-3px) scale(1); }
}


/* ════════════════════════════════════════════════
   HERO STANDARD OVERRIDE  (matches Health Checkups)
   ════════════════════════════════════════════════ */
.hero-h1,
h1.hero-h1 {
  font-size: clamp(34px, 4.5vw, 58px) !important;
  font-weight: 900 !important;
  line-height: 1.07 !important;
  letter-spacing: -0.03em !important;
  color: #0B1E3D !important;
  margin-bottom: 0 !important;
}
/* Orange highlighted spans/em inside hero H1 */
.hero-h1 .orange,
.hero-h1 span[style*="color:var(--orange)"],
.hero-h1 span[style*="color: var(--orange)"],
.hero-h1 em {
  color: #E8431A !important;
  font-style: normal !important;
}
/* Hero tagline — the orange bold subtitle line */
.hero-tagline,
.hero-sub-orange {
  font-size: clamp(18px, 2.2vw, 28px) !important;
  font-weight: 700 !important;
  color: #E8431A !important;
  margin-top: 10px !important;
  margin-bottom: 0 !important;
  line-height: 1.2 !important;
}
/* Body sub-paragraph below H1 */
.hero-sub {
  font-size: clamp(15px, 1.6vw, 17px) !important;
  line-height: 1.78 !important;
  color: #4a5871 !important;
  max-width: 480px;
}
@media (max-width: 640px) {
  .hero-h1,
  h1.hero-h1 { font-size: clamp(30px, 8vw, 44px) !important; }
  .hero-tagline, .hero-sub-orange { font-size: clamp(16px, 5vw, 22px) !important; }
}

/* ============================================================
   CASE STUDIES  —  stacked storytelling v4
   ============================================================ */
#uno-cases { padding: 80px 0 90px; background: #f0f3f9; }

.cases-hdr {
  max-width: 1140px; margin: 0 auto; padding: 0 32px 48px; text-align: center;
}
.cases-eyebrow {
  display: inline-flex; align-items: center; gap: 7px;
  background: #fff3eb; color: #E8431A;
  font-size: 11px; font-weight: 800; letter-spacing: 1.6px;
  text-transform: uppercase; padding: 5px 14px 5px 10px;
  border-radius: 30px; margin-bottom: 18px; line-height: 1;
}
.cases-eyebrow svg { width: 13px; height: 13px; flex-shrink: 0; }
.cases-hdr h2 {
  font-size: clamp(26px, 3.6vw, 44px); font-weight: 900;
  color: #0B1E3D; letter-spacing: -1.2px; margin: 0 0 14px; line-height: 1.08;
}
.cases-hdr p { font-size: 15px; color: #5e6e8a; max-width: 480px; margin: 0 auto; line-height: 1.7; }

/* stack */
.cases-stack-outer { max-width: 1140px; margin: 0 auto; padding: 0 32px; }
.cases-stack { display: flex; flex-direction: column; gap: 16px; }

/* card */
.case-item {
  display: grid; grid-template-columns: 56fr 44fr;
  border-radius: 20px; overflow: hidden;
  box-shadow: 0 4px 20px rgba(11,30,61,0.07);
  border: 1px solid rgba(11,30,61,0.06);
  transition: transform 0.38s cubic-bezier(0.34,1.56,0.64,1),
              box-shadow 0.38s ease, border-color 0.3s;
}
.case-item:hover {
  transform: translateY(-5px) scale(1.004);
  box-shadow: 0 24px 56px rgba(11,30,61,0.15);
  border-color: rgba(232,67,26,0.22);
}

/* ── left panel ── */
.case-l {
  background: #0B1E3D; padding: 32px 36px;
  display: flex; flex-direction: column; justify-content: center;
  position: relative; overflow: hidden;
  transition: background 0.3s;
}
.case-item:hover .case-l { background: #0d2448; }

/* orange glow blob */
.case-l::before {
  content: ''; position: absolute; top: -60px; right: -60px;
  width: 220px; height: 220px; border-radius: 50%;
  background: rgba(232,67,26,0.07); pointer-events: none;
  transition: transform 0.5s, opacity 0.4s;
}
.case-item:hover .case-l::before { transform: scale(1.35); }

/* orange left accent bar */
.case-l::after {
  content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px;
  background: #E8431A;
  transform: scaleY(0); transform-origin: bottom;
  transition: transform 0.38s cubic-bezier(0.34,1.56,0.64,1);
  border-radius: 0 2px 2px 0;
}
.case-item:hover .case-l::after { transform: scaleY(1); }

/* ── NUMBER — deep orange, visible design element ── */
.case-num {
  position: absolute; top: 14px; right: 22px;
  font-size: 64px; font-weight: 900; line-height: 1;
  letter-spacing: -4px; user-select: none;
  color: #E8431A;
  opacity: 0.18;
  transition: opacity 0.35s, transform 0.4s;
}
.case-item:hover .case-num { opacity: 0.28; transform: scale(1.07) translateY(-3px); }

/* icon ring */
.case-icon-ring {
  width: 46px; height: 46px; border-radius: 13px;
  background: rgba(232,67,26,0.15);
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 14px; flex-shrink: 0;
  transition: background 0.3s, transform 0.35s cubic-bezier(0.34,1.56,0.64,1);
}
.case-item:hover .case-icon-ring { background: rgba(232,67,26,0.28); transform: rotate(-5deg) scale(1.1); }
.case-icon-ring svg { width: 20px; height: 20px; fill: none; stroke: #ff7a42; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

/* badge */
.case-badge {
  display: inline-block;
  background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.11);
  color: rgba(255,255,255,0.55); font-size: 9.5px; font-weight: 700;
  letter-spacing: 1.3px; text-transform: uppercase;
  padding: 3px 10px; border-radius: 20px; margin-bottom: 12px;
  transition: background 0.3s, color 0.3s, border-color 0.3s;
}
.case-item:hover .case-badge {
  background: rgba(232,67,26,0.18); border-color: rgba(232,67,26,0.35); color: #ffb08a;
}

.case-l h3 { font-size: clamp(16px, 1.7vw, 21px); font-weight: 900; color: #fff; line-height: 1.32; margin: 0 0 12px; letter-spacing: -0.25px; }
.case-story { font-size: 13px; color: rgba(255,255,255,0.56); line-height: 1.72; margin: 0; transition: color 0.3s; }
.case-item:hover .case-story { color: rgba(255,255,255,0.7); }

/* ── right panel ── */
.case-r { background: #fff; display: flex; flex-direction: column; }

.case-img-wrap { flex: 1; overflow: hidden; position: relative; min-height: 175px; background: #f0f3f9; }
.case-img-wrap img {
  width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block;
  transition: transform 0.55s cubic-bezier(0.25,0.46,0.45,0.94), filter 0.4s;
  filter: brightness(0.97) saturate(1.02);
}
.case-item:hover .case-img-wrap img { transform: scale(1.07); filter: brightness(1.03) saturate(1.1); }
.case-img-wrap::after {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(135deg, rgba(232,67,26,0.05) 0%, transparent 55%);
  opacity: 0; transition: opacity 0.4s; pointer-events: none;
}
.case-item:hover .case-img-wrap::after { opacity: 1; }

/* ── WHAT CHANGES — green outcome strip ── */
.case-outcome-strip {
  flex-shrink: 0;
  background: linear-gradient(135deg, #f0fdf4 0%, #fafffe 100%);
  border-top: 2px solid #bbf7d0;
  padding: 16px 24px;
  display: flex; gap: 14px; align-items: flex-start;
  transition: background 0.3s;
}
.case-item:hover .case-outcome-strip { background: linear-gradient(135deg, #dcfce7 0%, #f0fdf4 100%); }
.case-outcome-check {
  width: 28px; height: 28px; border-radius: 50%;
  background: #22c55e; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  margin-top: 1px;
  box-shadow: 0 2px 8px rgba(34,197,94,0.35);
  transition: transform 0.3s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.3s;
}
.case-item:hover .case-outcome-check { transform: scale(1.12); box-shadow: 0 4px 14px rgba(34,197,94,0.45); }
.case-outcome-check svg { width: 14px; height: 14px; fill: none; stroke: #fff; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.case-outcome-body {}
.case-outcome-label {
  font-size: 9px; font-weight: 800; text-transform: uppercase;
  letter-spacing: 1.3px; color: #16a34a; margin-bottom: 4px;
}
.case-outcome-strip p { font-size: 13px; font-weight: 700; color: #14532d; line-height: 1.48; margin: 0; }

/* mobile */
@media (max-width: 760px) {
  .case-item { grid-template-columns: 1fr; }
  .case-l { padding: 26px 22px; }
  .case-img-wrap { min-height: 185px; max-height: 220px; }
  .case-outcome-strip { padding: 14px 18px; gap: 11px; }
  .cases-stack-outer, .cases-hdr { padding-left: 16px; padding-right: 16px; }
  .case-item:hover { transform: translateY(-3px); }
}


/* ── case number: orange glow on hover ── */
.case-num {
  position: absolute !important; top: 14px !important; right: 22px !important;
  font-size: 64px !important; font-weight: 900 !important; line-height: 1 !important;
  letter-spacing: -4px !important; user-select: none !important;
  color: #E8431A !important;
  opacity: 0.18 !important;
  transition: opacity 0.35s ease, transform 0.4s cubic-bezier(0.34,1.56,0.64,1), text-shadow 0.35s ease !important;
}
.case-item:hover .case-num {
  opacity: 1 !important;
  color: #ff6b3d !important;
  text-shadow:
    0 0 20px rgba(232,67,26,0.7),
    0 0 40px rgba(232,67,26,0.45),
    0 0 80px rgba(232,67,26,0.2) !important;
  transform: scale(1.08) translateY(-4px) !important;
}

/* ── Standard buttons (OHC design) ── */
.btn {
  display: inline-flex; align-items: center; gap: 7px;
  font-weight: 700; font-size: 14.5px;
  border-radius: 50px; padding: 13px 24px; cursor: pointer;
  border: 2px solid transparent; text-decoration: none; line-height: 1;
  transition: all 0.25s ease; position: relative; overflow: hidden;
  white-space: nowrap;
}
.btn::after {
  content: ''; position: absolute; inset: 0;
  background: rgba(255,255,255,0.16);
  transform: translateX(-101%);
  transition: transform 0.3s ease; pointer-events: none;
}
.btn:hover::after { transform: translateX(0); }
.btn-orange { background: #E8431A; color: #fff; border-color: #E8431A; }
.btn-orange:hover { background: #FF5533; border-color: #FF5533; transform: translateY(-2px); box-shadow: 0 8px 24px rgba(232,67,26,0.42); }
.btn-outline { background: transparent; color: #0B1E3D; border-color: #0B1E3D; }
.btn-outline:hover { background: #0B1E3D; color: #fff; transform: translateY(-2px); }
.btn-white { background: #fff; color: #E8431A; border-color: #fff; }
.btn-white:hover { background: #fff3f0; border-color: #fff; transform: translateY(-2px); box-shadow: 0 8px 28px rgba(0,0,0,0.16); }
.btn-outline-white { background: transparent; color: #fff; border-color: rgba(255,255,255,0.55); }
.btn-outline-white:hover { background: rgba(255,255,255,0.14); border-color: #fff; transform: translateY(-2px); }
/* hero overrides */
.hero-actions a, .hero-actions button,
.hero-btns a, .hero-btns button {
  border-radius: 50px !important;
  transition: all 0.25s ease !important;
}
.hero-actions a:hover, .hero-actions button:hover,
.hero-btns a:hover, .hero-btns button:hover {
  transform: translateY(-2px) !important;
}

/* ── Standard full-width CTA (OHC design) ── */
.uno-cta-wrap {
  background: linear-gradient(135deg, #E8431A 0%, #bf3410 100%);
  padding: 72px 0; text-align: center;
  position: relative; overflow: hidden;
}
.uno-cta-wrap::before {
  content: ''; position: absolute; top: -100px; right: -100px;
  width: 400px; height: 400px; border-radius: 50%;
  background: rgba(255,255,255,0.06); pointer-events: none;
}
.uno-cta-wrap::after {
  content: ''; position: absolute; bottom: -80px; left: -80px;
  width: 320px; height: 320px; border-radius: 50%;
  background: rgba(0,0,0,0.08); pointer-events: none;
}
.uno-cta-inner {
  position: relative; z-index: 2;
  max-width: 640px; margin: 0 auto; padding: 0 28px;
}
.uno-cta-h2 {
  font-size: clamp(24px, 3.5vw, 40px); font-weight: 900;
  color: #fff; margin: 0 0 14px; letter-spacing: -0.03em; line-height: 1.12;
}
.uno-cta-sub {
  font-size: 15.5px; color: rgba(255,255,255,0.8);
  margin: 0 0 34px; line-height: 1.65; max-width: 520px; margin-left: auto; margin-right: auto;
}
.uno-cta-btns {
  display: flex; gap: 12px; justify-content: center;
  flex-wrap: wrap; margin-bottom: 26px;
}
.uno-cta-contact {
  display: flex; gap: 20px; justify-content: center; flex-wrap: wrap;
  font-size: 13px; color: rgba(255,255,255,0.72); font-weight: 500;
}
.uno-cta-contact .sep { opacity: 0.4; }
@media (max-width: 560px) {
  .uno-cta-wrap { padding: 56px 0; }
  .uno-cta-btns { flex-direction: column; align-items: center; }
  .uno-cta-btns .btn { width: 88%; justify-content: center; }
  .uno-cta-contact { gap: 10px; font-size: 12px; }
}




/* ════════════════════════════════════════════════════
   FINAL PILL GUARANTEE — highest priority, always last
   ════════════════════════════════════════════════════ */
/* Every possible button selector → pill */
.btn, .btn-orange, .btn-coral, .btn-outline, .btn-white,
.btn-white-filled, .btn-outline-white, .btn-outline-navy, .btn-shimmer,
.hero-btns a, .hero-btns button,
.hero-actions a, .hero-actions button,
.uno-cta-btns a, .uno-cta-btns button,
button[class*="rounded-"], a[class*="rounded-"] {
  border-radius: 50px !important;
}

/* Primary orange pill */
.btn-orange, .btn-coral {
  background: #E8431A !important; color: #fff !important;
  box-shadow: 0 4px 18px rgba(232,67,26,0.28) !important;
  transition: all 0.25s ease !important;
}
.btn-orange:hover, .btn-coral:hover {
  background: #FF5533 !important; transform: translateY(-2px) !important;
  box-shadow: 0 8px 28px rgba(232,67,26,0.46) !important;
}
/* Secondary navy outline pill — on light backgrounds */
.btn-outline, .btn-outline-navy {
  background: transparent !important; color: #0B1E3D !important;
  border: 2px solid #0B1E3D !important;
  transition: all 0.25s ease !important;
}
.btn-outline:hover, .btn-outline-navy:hover {
  background: #0B1E3D !important; color: #fff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 22px rgba(11,30,61,0.22) !important;
}
/* White pill — on orange CTA */
.btn-white, .btn-white-filled {
  background: #fff !important; color: #E8431A !important;
  border: 2px solid #fff !important; transition: all 0.25s ease !important;
}
.btn-white:hover, .btn-white-filled:hover {
  background: #fff3f0 !important; transform: translateY(-2px) !important;
  box-shadow: 0 8px 28px rgba(0,0,0,0.15) !important;
}
/* White outline pill — on orange CTA */
.btn-outline-white {
  background: transparent !important; color: #fff !important;
  border: 2px solid rgba(255,255,255,0.6) !important;
  transition: all 0.25s ease !important;
}
.btn-outline-white:hover {
  background: rgba(255,255,255,0.14) !important;
  border-color: #fff !important; transform: translateY(-2px) !important;
}
/* Shimmer on orange */
.btn-orange::after, .btn-coral::after, .btn-shimmer::after {
  content: ''; position: absolute; inset: 0;
  background: rgba(255,255,255,0.14); pointer-events: none;
  transform: translateX(-101%); transition: transform 0.3s ease;
  border-radius: inherit;
}
.btn-orange:hover::after, .btn-coral:hover::after, .btn-shimmer:hover::after {
  transform: translateX(0);
}
/* position: relative needed for shimmer */
.btn-orange, .btn-coral { position: relative !important; overflow: hidden !important; }


/* ── STICKY BOTTOM DEMO BAR ── */
#uc-sticky-demo-bar{position:fixed;bottom:0;left:0;right:0;z-index:99999;background:#fff;border-top:1px solid rgba(21,32,96,0.12);box-shadow:0 -4px 28px rgba(21,32,96,0.13);padding:12px 20px 14px;display:none;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;transform:translateY(100%);transition:transform 0.38s cubic-bezier(0.22,1,0.36,1),opacity 0.32s ease;opacity:0;pointer-events:none;}
@media(max-width:768px){#uc-sticky-demo-bar{display:flex !important;}}
#uc-sticky-demo-bar.is-visible{display:flex !important;transform:translateY(0) !important;opacity:1 !important;pointer-events:all !important;}
@media(min-width:769px){#uc-sticky-demo-bar,#uc-sticky-demo-bar.is-visible{display:none !important;}}
.uc-sticky-bar-text{flex:1;min-width:0;}
.uc-sticky-bar-headline{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:600;font-size:0.875rem;color:#152060;line-height:1.4;}
.uc-sticky-bar-btn{display:inline-flex;align-items:center;gap:6px;background:#E8431A !important;color:#fff !important;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:0.8rem;padding:0.62rem 1.15rem;border-radius:50px;transition:all 0.22s ease;border:none;white-space:nowrap;text-decoration:none;flex-shrink:0;}
.uc-sticky-bar-btn svg{width:13px;height:13px;flex-shrink:0;}
@keyframes uc-btn-pulse{
  0%  { box-shadow:0 4px 16px rgba(232,67,26,0.35), 0 0 0 0 rgba(232,67,26,0.55); }
  70% { box-shadow:0 4px 16px rgba(232,67,26,0.35), 0 0 0 10px rgba(232,67,26,0); }
  100%{ box-shadow:0 4px 16px rgba(232,67,26,0.35), 0 0 0 0 rgba(232,67,26,0); }
}
.uc-sticky-bar-btn{animation:uc-btn-pulse 1.8s ease-out infinite;}
.uc-sticky-bar-btn:hover{animation:none;}
</style>
</head>
<body>

<!-- ===================== HERO ===================== -->
<section id="hero">
  <div class="container">
    <div class="hero-grid">

      <!-- LEFT: Text -->
      <div class="hero-left">
        <div class="hero-tag reveal">
          <span class="tag-pill"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3ed.png" alt="🏭" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Factory Act Compliant OHC</span>
        </div>
        <h1 class="hero-h1 reveal" style="transition-delay:.1s">
          <em>Reliable </em><br>Occupational Health Center for Factories & Industrial Plants.
        </h1>
        <p class="hero-sub reveal" style="transition-delay:.2s">
          Qualified doctors and nurses. 95% attendance guaranteed. Digital records. Zero chasing.
        </p>
        <div class="hero-btns reveal" style="transition-delay:.3s">
          <a href="https://www.uno.care/contact/" class="btn btn-orange">Get OHC Quote →</a>
          <a href="#e2e" class="btn btn-outline">See How It Works</a>
        </div>
      </div>

      <!-- RIGHT: Illustration + Dashboard -->
      <div class="hero-right reveal from-right" style="transition-delay:.22s">

        <div class="hero-illus-layer">
          <img decoding="async"
            src="https://www.uno.care/wp-content/uploads/2026/05/hero-doctor-illustration.png"
            alt="OHC Doctor and Nurse at factory clinic"
            onerror="this.parentElement.style.display='none';"
          />
        </div>

        <div class="hero-face-spacer"></div>

        <div class="dashboard-card">
          <div class="dash-header">
            <div class="dash-title">OHC Live Dashboard — Thyrocare Plant, Pune</div>
            <div class="live-badge"><span class="live-dot"></span> Live</div>
          </div>

          <div class="dash-section-label">Staff Present Today</div>
          <div class="staff-row">
            <div class="staff-avatar">DR</div>
            <div style="flex:1">
              <div class="staff-name">Occupational Physician <small style="font-weight:400;color:var(--gray-mid)">(MBBS)</small></div>
            </div>
            <div class="staff-present">✓ Present</div>
          </div>
          <div class="staff-row">
            <div class="staff-avatar nurse">NR</div>
            <div style="flex:1">
              <div class="staff-name">OHC Nurse <small style="font-weight:400;color:var(--gray-mid)">(GNM)</small></div>
            </div>
            <div class="staff-present">✓ Present</div>
          </div>

          <div class="dash-stats">
            <div class="dash-stat">
              <div class="dash-stat-num count-target" data-target="24">0</div>
              <div class="dash-stat-label"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f465.png" alt="👥" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Patients Seen</div>
            </div>
            <div class="dash-stat">
              <div class="dash-stat-num alert"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/26a0.png" alt="⚠" class="wp-smiley" style="height: 1em; max-height: 1em;" /> <span class="count-target" data-target="2">0</span></div>
              <div class="dash-stat-label">Health Alerts</div>
            </div>
          </div>

          <div class="progress-section">
            <div class="progress-label">
              <span>AHC Coverage — 87% screened</span><span>87%</span>
            </div>
            <div class="progress-bar">
              <div class="progress-fill" id="progressFill"></div>
            </div>
          </div>

          <div class="dash-row">
            <span>Last Audit: Compliant — 14 April 2025</span>
            <span class="badge-green">Compliant</span>
          </div>
          <div class="dash-row">
            <span>Next Report: 6:00 PM — auto-send</span>
            <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4c5.png" alt="📅" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
          </div>
        </div>

      </div>
    </div>
  </div>
</section>

<!-- ===================== STATS BAR ===================== -->
<section id="stats-bar">
  <div class="container">
    <div class="stats-grid stagger">
      <div class="stat-item">
        <div class="stat-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/23f1.png" alt="⏱" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
        <div class="stat-num"><span class="count-target" data-target="10">0</span> Days</div>
        <div class="stat-label">Average Deployment Time</div>
      </div>
      <div class="stat-item">
        <div class="stat-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f465.png" alt="👥" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
        <div class="stat-num"><span class="count-target" data-target="95">0</span>%</div>
        <div class="stat-label">Attendance Guaranteed</div>
      </div>
      <div class="stat-item">
        <div class="stat-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f6e1.png" alt="🛡" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
        <div class="stat-num"><span class="count-target" data-target="100">0</span>%</div>
        <div class="stat-label">Factory Act Compliant</div>
      </div>
      <div class="stat-item">
        <div class="stat-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3a7.png" alt="🎧" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
        <div class="stat-num">24/7</div>
        <div class="stat-label">OHC Support Line</div>
      </div>
    </div>
  </div>
</section>

<!-- ===================== PROBLEM / SOLUTION ===================== -->
<section id="problem">
  <div class="container">
    <div class="section-headline reveal">
      <h2>Most factories have an OHC on paper.<br><span class="sub-line">Very few have one that actually works.</span></h2>
    </div>
    <div class="prob-grid stagger">

      <div class="prob-card">
        <div class="prob-card-img">
          <img decoding="async" src="https://www.uno.care/wp-content/uploads/2026/05/Doctor-Absent.png" alt="Doctor Absent problem" onerror="this.parentElement.style.background='linear-gradient(135deg,#fee2e2,#fef2f2)';">
        </div>
        <div class="prob-card-body">
          <div class="prob-row">
            <div class="icon-x">✕</div>
            <div class="prob-text"><strong style="color:var(--navy)">Doctor absent.</strong> No backup. No cover.</div>
          </div>
          <div class="prob-row">
            <div class="icon-check">✓</div>
            <div class="prob-text">95% attendance contractual. Backup by 9 AM.</div>
          </div>
          <div class="prob-cta">
            <span class="btn btn-orange btn-decorative">Zero Coverage Gaps</span>
          </div>
        </div>
      </div>

      <div class="prob-card">
        <div class="prob-card-img">
          <img decoding="async" src="https://www.uno.care/wp-content/uploads/2026/05/Paper-Register.png" alt="Paper register problem" onerror="this.parentElement.style.background='linear-gradient(135deg,#fefce8,#fef9c3)';">
        </div>
        <div class="prob-card-body">
          <div class="prob-row">
            <div class="icon-x">✕</div>
            <div class="prob-text"><strong style="color:var(--navy)">Paper register.</strong> Unreadable. Lost in audits.</div>
          </div>
          <div class="prob-row">
            <div class="icon-check">✓</div>
            <div class="prob-text">Every visit logged. Your HR team stays informed without chasing.</div>
          </div>
          <div class="prob-cta">
            <span class="btn btn-orange btn-decorative">100% Digital Records</span>
          </div>
        </div>
      </div>

      <div class="prob-card">
        <div class="prob-card-img">
          <img decoding="async" src="https://www.uno.care/wp-content/uploads/2026/05/Unqualified-Staff.png" alt="Unqualified staff problem" onerror="this.parentElement.style.background='linear-gradient(135deg,#eff6ff,#dbeafe)';">
        </div>
        <div class="prob-card-body">
          <div class="prob-row">
            <div class="icon-x">✕</div>
            <div class="prob-text"><strong style="color:var(--navy)">Unqualified staff.</strong> Neighbour's cousin with a stethoscope.</div>
          </div>
          <div class="prob-row">
            <div class="icon-check">✓</div>
            <div class="prob-text">MBBS doctors. GNM nurses. Background verified.</div>
          </div>
          <div class="prob-cta">
            <span class="btn btn-orange btn-decorative">Only Qualified Staff</span>
          </div>
        </div>
      </div>

    </div>
  </div>
</section>

<!-- ===================== END-TO-END ===================== -->
<section id="e2e">
  <div class="container">
    <div class="e2e-headline reveal">
      <h2>Your OHC Managed <span>End-to-End</span></h2>
    </div>

    <div class="timeline-wrap reveal scale-in" style="transition-delay:.1s">
      <div class="timeline-line">
        <div class="timeline-progress" id="timelineProgress"></div>
      </div>
      <div class="timeline-steps stagger">

        <div class="timeline-step">
          <div class="step-number">1</div>
          <div class="step-img-card">
            <img decoding="async" src="https://www.uno.care/wp-content/uploads/2026/05/Staff-Check-In.png" alt="Staff Check-In" onerror="this.src='https://img.icons8.com/fluency/200/attendance-mark.png'">
          </div>
          <div class="step-label">Staff Check-In</div>
          <div class="step-desc">Doctor and nurse mark attendance via UNO.care app. HR gets auto-confirmation.</div>
        </div>

        <div class="timeline-step">
          <div class="step-number">2</div>
          <div class="step-img-card">
            <img decoding="async" src="https://www.uno.care/wp-content/uploads/2026/05/Auto-Restocking.png" alt="Auto-Restocking" onerror="this.src='https://img.icons8.com/fluency/200/medicine.png'">
          </div>
          <div class="step-label">Auto-Restocking</div>
          <div class="step-desc">Your OHC is never short on medicines &amp; first aid supplies.</div>
        </div>

        <div class="timeline-step">
          <div class="step-number">3</div>
          <div class="step-img-card">
            <img decoding="async" src="https://www.uno.care/wp-content/uploads/2026/05/Patient-Check-In.png" alt="Patient Check-In" onerror="this.src='https://img.icons8.com/fluency/200/stethoscope.png'">
          </div>
          <div class="step-label">Patient Check-In</div>
          <div class="step-desc">Consultations logged digitally — diagnosis, prescription, referral.</div>
        </div>

        <div class="timeline-step">
          <div class="step-number">4</div>
          <div class="step-img-card">
            <img decoding="async" src="https://www.uno.care/wp-content/uploads/2026/05/Automated-Reports.png" alt="Automated Reports" onerror="this.src='https://img.icons8.com/fluency/200/medical-history.png'">
          </div>
          <div class="step-label">Automated Reports</div>
          <div class="step-desc">Auto-generated reports sent to HR. Attendance, patient count, stock status.</div>
        </div>

        <div class="timeline-step">
          <div class="step-number">5</div>
          <div class="step-img-card">
            <img decoding="async" src="https://www.uno.care/wp-content/uploads/2026/05/Health-Alerts-Flagged.png" alt="Health Alerts Flagged" onerror="this.src='https://img.icons8.com/fluency/200/high-priority.png'">
          </div>
          <div class="step-label">Health Alerts Flagged</div>
          <div class="step-desc">AI flags employees who need follow-up. HR notified without lifting a finger.</div>
        </div>

      </div>
    </div>

    <div class="alert-banner reveal" style="transition-delay:.3s">
      <div class="alert-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f6e1.png" alt="🛡" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
      <div class="alert-text">
        If staff is absent at any point —<br>
        <strong>UNO.care ensures your OHC does not go unattended.</strong>
      </div>
    </div>
  </div>
</section>

<!-- ===================== STAFF ===================== -->
<section id="staff">
  <div class="container" style="position:relative;z-index:1">
    <div class="staff-headline reveal">
      <h2><span>UNO.care Verified</span> Professionals.</h2>
    </div>

    <div class="staff-grid stagger">

      <div class="staff-card">
        <div class="staff-card-inner">
          <div class="staff-illustration">
            <img decoding="async" src="https://www.uno.care/wp-content/uploads/2026/05/Doctor-Headshot.png" alt="UNO.care Verified Doctor" onerror="this.src='https://img.icons8.com/color/200/doctor-male-skin-type-5.png'">
          </div>
          <div class="staff-card-info">
            <p class="eyebrow-label">Occupational Health Physician</p>
            <h3>UNO.care Verified Doctor</h3>
            <p class="cred">MBBS + Occupational Health Cert</p>
            <div class="badge-row">
              <span class="badge">Annual Health Exams</span>
              <span class="badge">Fitness Clearances</span>
              <span class="badge">Factory Act Docs</span>
            </div>
            <p class="verified-note">Background verified by UNO.care.</p>
          </div>
        </div>
      </div>

      <div class="staff-card">
        <div class="staff-card-inner">
          <div class="staff-illustration">
            <img decoding="async" src="https://www.uno.care/wp-content/uploads/2026/05/Nurse-Headshot.png" alt="UNO.care Verified Nurse" onerror="this.src='https://img.icons8.com/color/200/nurse-female-skin-type-5.png'">
          </div>
          <div class="staff-card-info">
            <p class="eyebrow-label">Occupational Health Nurse</p>
            <h3>UNO.care Verified Nurse</h3>
            <p class="cred">GNM / ANM + OHC Experience</p>
            <div class="badge-row">
              <span class="badge green-badge">Daily Consultations</span>
              <span class="badge green-badge">Vitals Monitoring</span>
              <span class="badge">Emergency Triage</span>
            </div>
            <p class="verified-note">Qualified. Reliable. Always backed up.</p>
          </div>
        </div>
      </div>

    </div>

    <div class="staff-network-note reveal">
      <p>Every UNO.care professional in our network — <strong>every doctor, every nurse, every paramedic</strong> — is background-verified, qualification-checked, and UNO.care trained before they ever step into your OHC. No exceptions. No compromises.</p>
    </div>

    <div class="trust-badges stagger">
      <div class="trust-badge"><span class="tb-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f50d.png" alt="🔍" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> Background Verified</div>
      <div class="trust-badge"><span class="tb-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f393.png" alt="🎓" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> MBBS/GNM Qualified</div>
      <div class="trust-badge"><span class="tb-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3e5.png" alt="🏥" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> OHC Certified</div>
      <div class="trust-badge"><span class="tb-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2b50.png" alt="⭐" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> UNO.care Trained</div>
    </div>
  </div>
</section>







<!-- ===================== CASE STUDIES ===================== -->
<section id="uno-cases">
  <div class="cases-hdr">
    <div class="cases-eyebrow">
      <svg viewBox="0 0 24 24" width="13" height="13" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
      Real challenges we&#39;ve helped solve
    </div>
    <h2>Problems that looked normal&#8202;&#8212;&#8202;until they weren&#39;t.</h2>
    <p>Every enterprise we work with came to us after something broke. Here&#39;s what we hear most.</p>
  </div>
  <div class="cases-stack-outer">
    <div class="cases-stack">
    <div class="case-item">
      <div class="case-l">
        <div class="case-num">01</div>
        <div class="case-icon-ring"><svg viewBox="0 0 24 24"><path d="M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2M12 7a4 4 0 100 8 4 4 0 000-8"/></svg></div>
        <div class="case-badge">Staff Reliability</div>
        <h3>The first OHC vendor in 12 years that actually showed up every day.</h3>
        <p class="case-story">An EHS head at an automotive plant described how previous vendors sent staff irregularly, left without notice, or sent unqualified replacements. The doctor attendance log was constant anxiety before every audit.</p>
      </div>
      <div class="case-r">
        <div class="case-img-wrap">
          <img decoding="async" src="https://www.uno.care/wp-content/uploads/2026/05/OHC-workers-cleared.png" alt="Staff Reliability" loading="lazy">
        </div>
        <div class="case-outcome-strip">
          <div class="case-outcome-check">
            <svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"/></svg>
          </div>
          <div class="case-outcome-body">
            <div class="case-outcome-label">What changes</div>
            <p>Attendance guaranteed contractually. Every shift confirmed, every absence resolved before you notice it.</p>
          </div>
        </div>
      </div>
    </div>
    <div class="case-item">
      <div class="case-l">
        <div class="case-num">02</div>
        <div class="case-icon-ring"><svg viewBox="0 0 24 24"><path d="M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2zM9 22V12h6v10"/></svg></div>
        <div class="case-badge">Fitness Certification</div>
        <h3>Workers cleared for duty — without a doctor to clear them.</h3>
        <p class="case-story">Across many industrial plants, there is no on-site medical officer. Workers returning from injury can't be officially certified — creating compliance gaps and legal exposure under Factory Act provisions.</p>
      </div>
      <div class="case-r">
        <div class="case-img-wrap">
          <img decoding="async" src="https://www.uno.care/wp-content/uploads/2026/05/OHC-Doctor-absent.png" alt="Fitness Certification" loading="lazy">
        </div>
        <div class="case-outcome-strip">
          <div class="case-outcome-check">
            <svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"/></svg>
          </div>
          <div class="case-outcome-body">
            <div class="case-outcome-label">What changes</div>
            <p>Certified doctors available to issue Factory Act-compliant fitness certificates, on schedule.</p>
          </div>
        </div>
      </div>
    </div>
    <div class="case-item">
      <div class="case-l">
        <div class="case-num">03</div>
        <div class="case-icon-ring"><svg viewBox="0 0 24 24"><path d="M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75M9 7a4 4 0 100 8 4 4 0 000-8"/></svg></div>
        <div class="case-badge">Vendor Chaos</div>
        <h3>HR managing 5 healthcare vendors instead of their actual job.</h3>
        <p class="case-story">A large manufacturing enterprise had separate vendors for OHC doctors, nurses, medicines, diagnostics, and compliance. HR spent hours weekly managing relationships and still fell through the cracks during emergencies.</p>
      </div>
      <div class="case-r">
        <div class="case-img-wrap">
          <img decoding="async" src="https://www.uno.care/wp-content/uploads/2026/05/5-Vendors-Manage.png" alt="Vendor Chaos" loading="lazy">
        </div>
        <div class="case-outcome-strip">
          <div class="case-outcome-check">
            <svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"/></svg>
          </div>
          <div class="case-outcome-body">
            <div class="case-outcome-label">What changes</div>
            <p>One vendor. One person to call. Zero dropped balls when it actually matters.</p>
          </div>
        </div>
      </div>
    </div>
    </div>
  </div>
</section>

<!-- ===================== INDUSTRIES ===================== -->
<section id="industries">
  <div class="container">
    <div class="ind-headline reveal">
      <span class="sub-tag">Built for your environment</span>
      <h2>Every Industry Has Different Risks.</h2>
    </div>
    <p class="ind-sub reveal" style="transition-delay:.1s">Your OHC is configured around what your workforce actually faces.</p>

    <div class="ind-grid stagger">
      <div class="ind-card">
        <div class="ind-card-bg bg-mfg" style="background-image:url('https://www.uno.care/wp-content/uploads/2026/05/industry-manufacturing.png')"></div>
        <div class="ind-card-overlay"></div>
        <div class="ind-card-content">
          <h3>Manufacturing &amp; OEMs</h3>
          <ul>
            <li>Machinery injuries</li>
            <li>Ergonomic strain, heat stress</li>
          </ul>
          <div class="ind-card-view">Explore OHC for Manufacturing →</div>
        </div>
      </div>

      <div class="ind-card">
        <div class="ind-card-bg bg-chem" style="background-image:url('https://www.uno.care/wp-content/uploads/2026/05/industry-chemicals.png')"></div>
        <div class="ind-card-overlay"></div>
        <div class="ind-card-content">
          <h3>Chemicals &amp; Pharma</h3>
          <ul>
            <li>Chemical exposure</li>
            <li>Respiratory and skin risks</li>
          </ul>
          <div class="ind-card-view">Explore OHC for Chemicals →</div>
        </div>
      </div>

      <div class="ind-card">
        <div class="ind-card-bg bg-power" style="background-image:url('https://www.uno.care/wp-content/uploads/2026/05/industry-power.png')"></div>
        <div class="ind-card-overlay"></div>
        <div class="ind-card-content">
          <h3>Power &amp; Energy</h3>
          <ul>
            <li>High-risk operations</li>
            <li>Electrical and heat hazards</li>
          </ul>
          <div class="ind-card-view">Explore OHC for Power →</div>
        </div>
      </div>

      <div class="ind-card">
        <div class="ind-card-bg bg-all" style="background-image:url('https://www.uno.care/wp-content/uploads/2026/05/industry-all.png')"></div>
        <div class="ind-card-overlay"></div>
        <div class="ind-card-content">
          <h3>View All Industries</h3>
          <ul>
            <li>Tailored OHC for every sector</li>
            <li>Built around your unique risks</li>
          </ul>
          <div class="ind-card-view">Explore All Industries →</div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ===================== TESTIMONIAL ===================== -->
<section id="testimonial">
  <div class="container">
    <div class="testi-inner">
      <blockquote class="testi-quote reveal">
        "In 12 years managing plant health, UNO.care is the first vendor that actually showed up every single day."
      </blockquote>
      <p class="testi-who reveal" style="transition-delay:.1s">— EHS Head, Leading Automotive OEM, Pune</p>
      <div class="testi-stars reveal" style="transition-delay:.2s">★★★★★</div>
      <div class="testi-stats stagger">
        <div class="testi-stat">
          <div class="testi-stat-num"><span class="count-target" data-target="95">0</span>%</div>
          <div class="testi-stat-label">Attendance Guaranteed Contractually</div>
        </div>
        <div class="testi-stat">
          <div class="testi-stat-num"><span class="count-target" data-target="10">0</span><small style="font-size:16px;font-weight:600;letter-spacing:0"> Days</small></div>
          <div class="testi-stat-label">Average Deployment Time</div>
        </div>
        <div class="testi-stat">
          <div class="testi-stat-num">24/7</div>
          <div class="testi-stat-label">OHC Support Line</div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ===================== CTA ===================== -->
<section id="cta">
  <div class="container">
    <div class="cta-inner">
      <h2 class="reveal">Your OHC Should Run Itself.</h2>
      <p class="reveal" style="transition-delay:.1s">We deploy, manage and report — you just stay informed.</p>
      <div class="cta-btns reveal" style="transition-delay:.2s">
        <a href="https://www.uno.care/contact/" class="btn btn-white">Get OHC Quote →</a>
        <a href="https://www.uno.care/doctor-consultation-opd-wallet/" class="btn btn-outline-white">View Wallet Integration →</a>
      </div>
      <div class="cta-contact reveal" style="transition-delay:.3s">
        <div class="cta-contact-item"><span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4de.png" alt="📞" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span><span>1800 889 0189</span></div>
        <div class="cta-contact-item"><span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2709.png" alt="✉" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span><span>support@uno.care</span></div>
      </div>
    </div>
  </div>
</section>

<!-- ===================== SCRIPTS ===================== -->
<script>
/* ---- Smooth scroll ---- */
document.querySelectorAll('a[href^="#"]').forEach(link => {
  link.addEventListener('click', e => {
    const target = document.querySelector(link.getAttribute('href'));
    if (target) { e.preventDefault(); target.scrollIntoView({ behavior: 'smooth', block: 'start' }); }
  });
});

/* ---- Intersection Observer ---- */
const io = new IntersectionObserver(entries => {
  entries.forEach(e => {
    if (e.isIntersecting) { e.target.classList.add('visible'); io.unobserve(e.target); }
  });
}, { threshold: 0.12 });
document.querySelectorAll('.reveal, .stagger').forEach(el => io.observe(el));

/* ---- Timeline progress ---- */
const tlObs = new IntersectionObserver(entries => {
  entries.forEach(e => {
    if (e.isIntersecting) {
      setTimeout(() => { document.getElementById('timelineProgress').style.width = '100%'; }, 350);
      tlObs.unobserve(e.target);
    }
  });
}, { threshold: 0.3 });
const tlEl = document.getElementById('timelineProgress');
if (tlEl) tlObs.observe(tlEl.closest('.timeline-wrap'));

/* ---- Dashboard progress bar ---- */
const pfObs = new IntersectionObserver(entries => {
  entries.forEach(e => {
    if (e.isIntersecting) {
      document.getElementById('progressFill').classList.add('animated');
      pfObs.unobserve(e.target);
    }
  });
}, { threshold: 0.4 });
const pf = document.getElementById('progressFill');
if (pf) pfObs.observe(pf.closest('.dashboard-card'));

/* ---- Counter animation ---- */
function animateCounter(el, target, duration) {
  duration = duration || 1700;
  let start = null;
  const step = ts => {
    if (!start) start = ts;
    const pct = Math.min((ts - start) / duration, 1);
    const eased = 1 - Math.pow(1 - pct, 3);
    el.textContent = Math.floor(eased * target);
    if (pct < 1) requestAnimationFrame(step);
    else el.textContent = target;
  };
  requestAnimationFrame(step);
}
const cntObs = new IntersectionObserver(entries => {
  entries.forEach(e => {
    if (e.isIntersecting) {
      animateCounter(e.target, parseInt(e.target.dataset.target));
      cntObs.unobserve(e.target);
    }
  });
}, { threshold: 0.5 });
document.querySelectorAll('.count-target').forEach(el => cntObs.observe(el));

/* ---- Floating particles ---- */
(function() {
  const section = document.getElementById('staff');
  const wrap = document.createElement('div');
  wrap.className = 'particles';
  for (let i = 0; i < 16; i++) {
    const p = document.createElement('div');
    p.className = 'particle';
    p.style.cssText = [
      'left:' + (Math.random() * 100) + '%',
      'bottom:' + (Math.random() * 45) + '%',
      'animation-delay:' + (Math.random() * 8) + 's',
      'animation-duration:' + (6 + Math.random() * 6) + 's'
    ].join(';');
    p.style.width = p.style.height = (2 + Math.random() * 3) + 'px';
    wrap.appendChild(p);
  }
  section.appendChild(wrap);
})();

/* ---- 3D card tilt (desktop only) ---- */
if (window.innerWidth > 860) {
  document.querySelectorAll('.staff-card, .ind-card, .prob-card').forEach(card => {
    card.addEventListener('mousemove', e => {
      const r = card.getBoundingClientRect();
      const x = (e.clientX - r.left) / r.width  - 0.5;
      const y = (e.clientY - r.top)  / r.height - 0.5;
      card.style.transform = 'translateY(-5px) rotateY(' + (x*7) + 'deg) rotateX(' + (-y*5) + 'deg)';
    });
    card.addEventListener('mouseleave', () => { card.style.transform = ''; });
  });
}
</script>

<div id="uc-sticky-demo-bar" role="complementary" aria-label="Book a Demo">
  <div class="uc-sticky-bar-text"><span class="uc-sticky-bar-headline">Want to know about Uno.Care One-on-One?</span></div>
  <a href="https://www.uno.care/contact/" class="uc-sticky-bar-btn">Book a Demo <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"></path></svg></a>
</div>
<script>
(function(){
  var bar=document.getElementById('uc-sticky-demo-bar');
  if(bar) document.body.appendChild(bar);
  var heroBtn=document.querySelector('.btn-orange');
  if(!bar||!heroBtn) return;
  function checkSticky(){
    var rect=heroBtn.getBoundingClientRect();
    if(rect.bottom<0){bar.classList.add('is-visible');}
    else{bar.classList.remove('is-visible');}
  }
  window.addEventListener('scroll',checkSticky,{passive:true});
  checkSticky();
})();
</script>

</body>
</html>				</div>
				</div>
				</div>
		]]></content:encoded>
					
					<wfw:commentRss>https://www.uno.care/ohc-staffing-management/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
