PageSourceSearch

https://airoright.com/

html airoright.com collected 2026-10-04 16:14:41 UTC 113,687 bytes, 1,667 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en" data-airo-home="/"
3  data-airo-spa-legal-version="v2"
4  data-airo-spa-terms-path="assets/legal/terms.article.v2.html"
5  data-airo-spa-terms-v1="assets/legal/terms.article.v1.html"
6  data-airo-spa-terms-v2="assets/legal/terms.article.v2.html"
7  data-airo-spa-legal-cutoff="2026-08-31T23:59:59+05:30">
8
9<head>
10  <!-- Google Tag Manager -->
11<script>
vendor: 327 bytes, lines 11-15
11(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
12new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
13j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
14'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
15})(window,document,'script','dataLayer','
15GTM-WDR9BTCS
vendor: 3 bytes, line 15
15');
15</script>
15
16<!-- End Google Tag Manager -->
17  <meta charset="UTF-8" />
18  <base href="/" />
19  <link rel="icon" type="image/svg+xml" href="/assets/img/favicon.svg" />
20  <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
21  <meta name="description"
22    content="Flight disrupted? Claim compensation for delays, cancellations, denied boarding, and baggage issues. AiroRight helps passengers under DGCA and EU261 rules. No win, no fee." />
23  <meta name="keywords"
24    content="flight delay compensation, flight cancellation claim, DGCA passenger rights, EU261, denied boarding, baggage delay, AiroRight" />
25  <title>AiroRight - Flight delay &amp; cancellation compensation</title>
26  <link rel="canonical" href="https://airoright.com/" />
27<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" />
28<meta name="googlebot" content="index, follow" />
29<meta name="author" content="AiroRight" />
30<meta name="theme-color" content="#082161" />
31<link rel="alternate" type="text/plain" href="https://airoright.com/llms.txt" title="LLM source" />
32<link rel="sitemap" type="application/xml" title="Sitemap" href="https://airoright.com/sitemap.xml" />
33<meta property="og:site_name" content="AiroRight" />
34<meta property="og:type" content="website" />
35<meta property="og:locale" content="en_IN" />
36<meta property="og:title" content="AiroRight - Flight delay &amp; cancellation compensation" />
37<meta property="og:description" content="Flight disrupted? Claim compensation for delays, cancellations, denied boarding, and baggage issues. AiroRight helps passengers under DGCA and EU261 rules. No win, no fee." />
38<meta property="og:url" content="https://airoright.com/" />
39<meta property="og:image" content="https://airoright.com/assets/img/hero-bg.jpg" />
40<meta property="og:image:alt" content="AiroRight flight compensation" />
41<meta name="twitter:card" content="summary_large_image" />
42<meta name="twitter:title" content="AiroRight - Flight delay &amp; cancellation compensation" />
43<meta name="twitter:description" content="Flight disrupted? Claim compensation for delays, cancellations, denied boarding, and baggage issues. AiroRight helps passengers under DGCA and EU261 rules. No win, no fee." />
44<meta name="twitter:image" content="https://airoright.com/assets/img/hero-bg.jpg" />
45<link rel="alternate" hreflang="en" href="https://airoright.com/" />
46<link rel="alternate" hreflang="en-IN" href="https://airoright.com/" />
47<link rel="alternate" hreflang="it" href="https://airoright.com/IT/" />
48<link rel="alternate" hreflang="es" href="https://airoright.com/ES/" />
49<link rel="alternate" hreflang="de" href="https://airoright.com/DE/" />
50<link rel="alternate" hreflang="fr" href="https://airoright.com/FR/" />
51<link rel="alternate" hreflang="x-default" href="https://airoright.com/" />
52<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://airoright.com/#organization","name":"AiroRight","legalName":"AiroRight","url":"https://airoright.com/","logo":{"@type":"ImageObject","url":"https://airoright.com/assets/img/logo.svg"},"email":"[email protected]","telephone":"+91-8796322382","sameAs":["https://www.instagram.com/airoright.official/","https://www.linkedin.com/company/airoright/about/","https://www.facebook.com/profile.php?id=61568007958601"],"areaServed":[{"@type":"Country","name":"India"},{"@type":"AdministrativeArea","name":"European Union"}],"knowsAbout":["DGCA passenger rights","EU Regulation 261/2004","Montreal Convention","flight delay compensation","flight cancellation claims","denied boarding","baggage delay and damage"],"contactPoint":{"@type":"ContactPoint","contactType":"customer support","email":"[email protected]","telephone":"+91-8796322382","availableLanguage":["English","Hindi","Italian","Spanish","German","French"]}},{"@type":"WebSite","@id":"https://airoright.com/#website","url":"https://airoright.com/","name":"AiroRight","description":"Flight compensation and passenger rights platform for delays, cancellations, denied boarding, and baggage issues.","publisher":{"@id":"https://airoright.com/#organization"},"inLanguage":["en","it","es","de","fr"]},{"@type":"WebPage","@id":"https://airoright.com/#webpage","url":"https://airoright.com/","name":"AiroRight - Flight delay & cancellation compensation","description":"Flight disrupted? Claim compensation for delays, cancellations, denied boarding, and baggage issues. AiroRight helps passengers under DGCA and EU261 rules. No win, no fee.","isPartOf":{"@id":"https://airoright.com/#website"},"about":{"@id":"https://airoright.com/#organization"},"inLanguage":"en","speakable":{"@type":"SpeakableSpecification","cssSelector":[".airo-hero-heading",".airo-hero-sub",".airo-landing-faq__question",".airo-landing-faq__answer"]},"primaryImageOfPage":{"@type":"ImageObject","url":"https://airoright.com/assets/img/hero-bg.jpg"}},{"@type":"FAQPage","@id":"https://airoright.com/#faq","url":"https://airoright.com/#faq","mainEntity":[{"@type":"Question","name":"Why won't the airline just pay me directly?","acceptedA
52nswer":{"@type":"Answer","text":"Airlines are not always proactive about paying compensation. Many passengers never receive what they are owed because the process is confusing, time-consuming, or simply ignored. AiroRight handles the claim on your behalf. You only pay when we recover compensation for you. Our fee is 25% + applicable taxes."}},{"@type":"Question","name":"How far back can I claim?","acceptedAnswer":{"@type":"Answer","text":"In India, you can typically claim for flights disrupted within the last two years. For EU261-covered flights, the limitation period varies by country but is often up to two to six years. File your claim as soon as possible - the sooner you start, the easier it is to gather evidence."}},{"@type":"Question","name":"How long does it take to receive compensation?","acceptedAnswer":{"@type":"Answer","text":"Once the airline disburses payment, you receive your compensation within 7 days. Complex cases involving airline disputes may take longer overall. You can track your claim progress anytime from your passenger dashboard after signing in."}},{"@type":"Question","name":"What documents do I need to submit?","acceptedA
52nswer":{"@type":"Answer","text":"To start, you only need your flight details and PNR. Depending on your case, we may request a boarding pass, ticket confirmation, or baggage report (PIR). We will tell you exactly what is needed - no guesswork."}},{"@type":"Question","name":"What if my flight was delayed due to extraordinary circumstances?","acceptedAnswer":{"@type":"Answer","text":"Airlines often cite weather, security, or air-traffic decisions to avoid paying. We review the facts against applicable rules and airline records - share any proof you have (emails, screenshots, boarding times) so we can assess your position fairly."}}]},{"@type":"Service","@id":"https://airoright.com/#service","name":"Flight compensation claims","serviceType":"Airline passenger compensation claim management","provider":{"@id":"https://airoright.com/#organization"},"areaServed":[{"@type":"Country","name":"India"},{"@type":"AdministrativeArea","name":"European Union"}],"audience":{"@type":"Audience","audienceType":"Air passengers"},"offers":{"@type":"Offer","price":"0","priceCurrency":"INR","description":"Our fee is 25% + applicable taxes, only if compensation is recovered (no win, no fee)."}}]}</script>
52
53  <link rel="stylesheet" href="/assets/css/tailwind.css?v=1780480174" />
54  <link rel="preconnect" href="https://fonts.googleapis.com" />
55  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
56  <link
57    href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&family=JetBrains+Mono:ital,wght@0,400;0,500;0,600;1,400&family=Space+Grotesk:wght@400;500;600;700&display=swap"
58    rel="stylesheet" />
59  <link rel="stylesheet" href="/assets/css/style.css?v=1788951185" />
60
61  <!-- Clarity Analytics -->
62  
62<script type="text/javascript">
63    (function (c, l, a, r, i, t, y) {
64      c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments) };
65      t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i;
66      y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y);
67    })(window, document, "clarity", "script", "wpazoa819x");
68  </script>
68
69  <!-- Google tag (gtag.js) -->
vendor: 66 bytes, lines 69-70
69
70  <script async src="https://www.googletagmanager.com/gtag/js?id=
70G-3ME128WM5C
vendor: 14 bytes, lines 70-71
70"></script>
71  
71<script>
72    
vendor: 143 bytes, lines 72-76
72window.dataLayer = window.dataLayer || [];
73    function gtag() { dataLayer.push(arguments); }
74    gtag('js', new Date());
75
76    gtag('config', '
76G-3ME128WM5C
vendor: 6 bytes, lines 76-77
76');
77  
77</script>
77
78  <!-- Google tag (gtag.js) event - delayed navigation helper -->
79  
79<script>
80    function gtagSendEvent(url) {
81      var callback = function () {
82        if (typeof url === 'string') {
83          window.location = url;
84        }
85      };
86      if (typeof gtag === 'function') {
87        gtag('event', 'conversion_event_submit_lead_form', {
88          'event_callback': callback,
89          'event_timeout': 2000,
90        });
91      } else {
92        callback();
93      }
94      return false;
95    }
96  </script>
96
97  <!-- Facebook Pixel Code -->
98  
98<script>
vendor: 521 bytes, lines 98-110
98
99    !function (f, b, e, v, n, t, s) {
100      if (f.fbq) return; n = f.fbq = function () {
101        n.callMethod ?
102        n.callMethod.apply(n, arguments) : n.queue.push(arguments)
103      };
104      if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0';
105      n.queue = []; t = b.createElement(e); t.async = !0;
106      t.src = v; s = b.getElementsByTagName(e)[0];
107      s.parentNode.insertBefore(t, s)
108    }(window, document, 'script',
109      'https://connect.facebook.net/en_US/fbevents.js');
110    fbq('init', '
1101336668888328322
vendor: 36 bytes, lines 110-112
110');
111    fbq('track', 'PageView');
112  
112</script>
112
113  <noscript>
114    <img height="1" width="1" src="https://www.facebook.com/tr?id=1336668888328322&ev=PageView
115&noscript=1" />
116  </noscript>
117  <!-- End Facebook Pixel Code -->
118
119</head>
120
121<body class="min-h-screen bg-white font-sans text-navy antialiased">
122  <!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 122-123
122
123<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
123GTM-WDR9BTCS
vendor: 83 bytes, lines 123-124
123"
124height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
125<!-- End Google Tag Manager (noscript) -->
126<div id="airoCookieBanner" class="airo-cookie-banner" data-view="landing" role="dialog" aria-label="Cookie consent">
127    <div class="airo-cookie-banner__inner">
128        <p class="airo-cookie-banner__text">
129            We use cookies to personalize content, analyze traffic, and improve your browsing experience.
130            <a href="cookie-policy" target="_blank" rel="noopener noreferrer">Cookie Policy</a>
131        </p>
132        <div class="airo-cookie-banner__actions">
133            <button type="button" id="airoCookieBannerPreferences" class="airo-cookie-btn airo-cookie-btn--secondary">
134                Customize
135            </button>
136            <button type="button" id="airoCookieAllowAll" class="airo-cookie-btn airo-cookie-btn--primary">
137                Accept All
138            </button>
139        </div>
140    </div>
141</div>
142
143<!-- Support Chat Button -->
144<a href="https://wa.me/918796322382?text=Hey%2C%20I%20need%20help%20with%20filing%20a%20claim."
145    target="_blank" rel="noopener noreferrer"
146    class="airo-quick-connect-dock group fixed right-0 top-1/2 z-[95] flex flex-row items-center pr-[max(0.5rem,env(safe-area-inset-right,0px))] sm:pr-5 outline-none"
147    aria-label="Quick connect - open chat with AiroRight support">
148    <span class="pointer-events-none absolute right-full top-1/2 z-0 mr-2 hidden w-[min(15rem,calc(100vw-4.5rem)))] -translate-y-1/2 translate-x-3 opacity-0 transition duration-300 ease-out will-change-transform group-hover:pointer-events-auto group-hover:translate-x-0 group-hover:opacity-100 group-focus-within:pointer-events-auto group-focus-within:translate-x-0 group-focus-within:opacity-100 md:block"
149      aria-hidden="true">
150      <span
151        class="block rounded-2xl border border-white/25 bg-accent px-4 py-3.5 text-left shadow-[0_12px_40px_rgba(255,74,93,0.45)]">
152        <span class="font-display text-[0.8125rem] font-bold leading-tight text-white">Need help with a claim?</span>
153        <span class="mt-1 block text-xs leading-snug text-white/85">Message us on WhatsApp.</span>
154      </span>
155    </span>
156    <span
157      class="airo-quick-connect-dock__rail relative flex overflow-hidden rounded-l-2xl border border-r-0 border-white/30 bg-accent shadow-[0_10px_36px_rgba(255,74,93,0.42)] ring-offset-2 ring-offset-white motion-safe:transition-[box-shadow,transform,filter] motion-safe:duration-300 group-hover:-translate-x-0.5 group-hover:border-white/45 group-hover:shadow-[0_14px_44px_rgba(255,74,93,0.52)] group-hover:brightness-105 group-focus-within:-translate-x-0.5 group-focus-within:border-white/45 group-focus-within:shadow-[0_14px_44px_rgba(255,74,93,0.52)] group-focus-visible:ring-2 group-focus-visible:ring-white/90 group-focus-visible:ring-offset-2 group-focus-visible:ring-offset-navy/10">
158      <span class="w-1 shrink-0 bg-gradient-to-b from-white/55 via-white/15 to-white/40" aria-hidden="true"></span>
159      <span class="flex flex-col items-center justify-center px-2 py-5 sm:px-2.5 sm:py-6">
160        <span
161          class="max-h-[11rem] text-center font-display text-[8px] font-bold uppercase leading-snug tracking-[0.14em] text-white/95 drop-shadow-[0_1px_2px_rgba(8,33,97,0.25)] [writing-mode:vertical-rl] rotate-180 sm:max-h-[12rem] sm:text-[9px] sm:tracking-[0.16em]">Quick connect</span>
162      </span>
163    </span>
164  </a>
165
166<!-- Landing: home, marketing pages -->
167<nav data-view="landing" class="airo-nav fixed left-1/2 top-3 z-[90] w-[calc(100%-1.5rem)] max-w-[1200px] -translate-x-1/2 rounded-2xl border border-navy/10 bg-white/95 px-3 py-2 shadow-sm backdrop-blur-md transition-all duration-300 sm:top-4 sm:w-[calc(100%-2rem)] sm:rounded-[18px] sm:px-[18px] sm:py-2.5"
168    aria-label="Primary navigation">
169    <div class="flex max-w-full items-center justify-between gap-4">
170        <div class="flex items-center pl-0.5">
171            <a href="/"><img src="assets/img/logo.svg" alt="AiroRight" class="mob-logo" /></a>
172        </div>
173        <div class="hidden flex-1 items-center justify-center gap-7 lg:flex" aria-label="Site links">
174            <a href="/#features" class="text-[15px] font-medium text-navy transition-colors hover:text-brand">Flight
175                Issues</a>
176            <a href="/#final-cta" class="text-[15px] font-medium text-navy transition-colors hover:text-brand">Know Your
177                Rights</a>
178            <a href="/#how-it-works" class="text-[15px] font-medium text-navy transition-colors hover:text-brand">How It
179                Works</a>
180            <a href="aironews" class="text-[15px] font-medium text-navy transition-colors hover:text-brand">AiroNews</a>
181            <a href="help-center"
182                class="text-[15px] font-medium text-navy transition-colors hover:text-brand">Help</a>
183        </div>
184        <div class="flex items-center gap-1.5 sm:gap-2">
185            <div class="hidden items-center gap-1.5 sm:gap-2 lg:flex">
186                <a href="passenger-login" class="airo-btn-alt text-xs sm:text-sm px-3 py-2">Log in</a>
187                <a href="file-claim"
188                    class="airo-btn-action airo-nav-cta whitespace-nowrap text-xs sm:text-sm px-3 py-2">
189                    File Claim
190                </a>
191            </div>
192            <button id="mobileMenuBtn" type="button"
193                class="rounded-lg border border-navy/10 bg-white/50 !px-2.5 !py-0 text-navy transition hover:bg-white/65 hover:text-brand lg:hidden"
194                aria-label="Toggle menu" aria-expanded="false" aria-controls="mobileMenu">
195                <span id="mobileMenuIcon" class="inline-flex h-6 w-6 items-center justify-center"
196                    aria-hidden="true"></span>
197            </button>
198        </div>
199    </div>
200    <!-- Mobile: full-screen menu -->
201    <div id="mobileMenu" class="airo-mobile-fullmenu hidden lg:hidden" role="dialog" aria-modal="true" aria-label="Menu">
202      <div class="airo-mobile-fullmenu__panel" role="document">
203        <div class="airo-mobile-fullmenu__head">
204          <div class="airo-mobile-fullmenu__brand">
205            <img src="assets/img/logo-light.svg" alt="AiroRight" class="airo-mobile-fullmenu__logo" />
206          </div>
207          <button type="button" class="airo-mobile-fullmenu__close" data-mobile-menu-close aria-label="Close menu"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="airo-icon-close" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" /></svg></button>
208        </div>
209
210        <nav class="airo-mobile-fullmenu__list" aria-label="Mobile menu">
211          <a class="airo-mobile-fullmenu__link" href="/">Home</a>
212          <a class="airo-mobile-fullmenu__link" href="aironews">AiroNews</a>
213          <a class="airo-mobile-fullmenu__link" href="help-center">Help center</a>
214        </nav>
215
216        <div class="airo-mobile-fullmenu__actions" aria-label="Primary actions">
217          <a href="file-claim" class="airo-mobile-fullmenu__cta airo-mobile-fullmenu__cta--primary">
218            File Claim <span aria-hidden="true">→</span>
219          </a>
220          <a href="passenger-login" class="airo-mobile-fullmenu__cta airo-mobile-fullmenu__cta--secondary">
221            Log in <span aria-hidden="true">↗</span>
222          </a>
223        </div>
224      </div>
225    </div>
226</nav>
227
228<!-- Form back: passenger login + file claim (shared) -->
229<nav data-view="form-back" class="fixed left-1/2 top-3 z-[80] w-[calc(100%-1rem)] max-w-7xl -translate-x-1/2 rounded-2xl border border-white/15 bg-white/90 px-3 py-2 shadow-sm backdrop-blur-md transition-all duration-300 sm:top-4 sm:w-full sm:rounded-[18px] sm:px-6 sm:py-2.5 lg:px-8 hidden" aria-label="Form navigation">
230    <div class="flex max-w-full min-w-0 items-center justify-between gap-3">
231        <a href="./" data-airo-nav-back
232            class="flex min-w-0 items-center gap-2 text-navy hover:text-brand transition-colors p-0-mob">
233            <span>←</span>
234            <span class="text-sm sm:text-base">Back</span>
235        </a>
236        <a href="./" class="shrink-0" aria-label="AiroRight home">
237            <img src="assets/img/logo.svg" alt="AiroRight" class="h-6 w-auto max-h-8 shrink-0 select-none sm:h-8" />
238        </a>
239    </div>
240</nav>
241
242<!-- AiroNews -->
243<nav data-view="news" class="airo-nav fixed left-1/2 top-3 z-[80] w-[calc(100%-1.5rem)] max-w-[1200px] -translate-x-1/2 rounded-2xl border border-navy/10 bg-white/95 px-3 py-2 shadow-sm backdrop-blur-md transition-all duration-300 sm:top-4 sm:w-[calc(100%-2rem)] sm:rounded-[18px] sm:px-[18px] sm:py-2.5 hidden"
244    aria-label="News navigation">
245    <div class="flex max-w-full items-center justify-between gap-3">
246        <a href="./" data-airo-nav-back
247            class="min-w-0 shrink text-sm font-medium text-navy transition-colors hover:text-brand sm:text-base">
248            ← Home
249        </a>
250        <a href="./" class="flex min-w-0 flex-1 justify-center" aria-label="AiroRight home">
251            <img src="assets/img/logo.svg" alt="AiroRight" width="170" height="40"
252                class="h-8 w-auto object-contain object-center sm:h-9 lg:h-10" />
253        </a>
254        <div class="flex shrink-0 items-center gap-2 sm:gap-2.5">
255            <a href="passenger-login"
256                class="hidden sm:inline-flex airo-btn-alt text-xs sm:text-sm px-3 py-2">Log in</a>
257            <a href="file-claim"
258                class="hidden sm:inline-flex airo-btn-action airo-nav-cta whitespace-nowrap text-xs sm:text-sm px-3 py-2">
259                File Claim
260            </a>
261        </div>
262    </div>
263</nav>
264
265<!-- Admin login -->
266<div data-view="admin-login-bar" class="border-b border-white/30 bg-white/95 backdrop-blur-md hidden">
267    <div class="admin-login__toolbar max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
268        <div class="flex items-center h-16 sm:h-20">
269            <a href="./" data-airo-nav-back class="flex items-center gap-2 text-navy hover:text-brand transition-colors">
270                <span>←</span>
271                <span class="text-sm sm:text-base">Back</span>
272            </a>
273            <div class="flex-1"></div>
274            <div class="flex items-center gap-2 sm:gap-3">
275                <a href="./" aria-label="AiroRight home">
276                    <img src="assets/img/logo.svg" alt="AiroRight" class="h-7 sm:h-8 w-auto select-none" />
277                </a>
278            </div>
279        </div>
280    </div>
281</div>
282
283
284<!-- Important notice + modals (fixed to viewport; outside #app) -->
285<div id="airoNoticeBanner" class="airo-notice-banner hidden" style="display:none" data-view="landing" role="dialog"
286    aria-label="Important Notice">
287</div>
288<div id="airoCookieModal" class="airo-cookie-modal hidden" style="display:none" role="dialog" aria-modal="true"
289    aria-label="Privacy Preferences">
290    <div class="airo-cookie-modal__backdrop" data-cookie-modal-close></div>
291    <div class="airo-cookie-modal__card" role="document">
292        <div class="airo-cookie-modal__header">
293            <h2 class="airo-cookie-modal__title">Privacy Preferences</h2>
294            <button type="button" id="airoCookieModalClose" class="airo-cookie-modal__close"
295                aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="airo-icon-close" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" /></svg></button>
296        </div>
297        <div class="airo-cookie-modal__body">
298            <p class="airo-cookie-modal__description">
299                When you visit any website, it may store or retrieve information on your browser, mostly in the form of
300                cookies. Because we respect your right to privacy, you can choose not to allow some types of cookies.
301                <br /><br />
302                <a href="cookie-policy" target="_blank" rel="noopener noreferrer">Cookie Policy</a>
303                |
304                <a href="terms-and-conditions" target="_blank" rel="noopener noreferrer">Terms &amp; Conditions</a>
305            </p>
306            <div class="airo-cookie-group">
307                <div class="airo-cookie-group__header">
308                    <div>
309                        <div class="airo-cookie-group__title">Essential Cookies</div>
310                        <p class="airo-cookie-group__description">Required for website functionality and security.</p>
311                    </div>
312                    <label class="airo-cookie-switch">
313                        <input id="CybotCookiebotDialogBodyLevelButtonNecessaryInline" type="checkbox"
314                            class="CybotCookiebotDialogBodyLevelButton CybotCookiebotDialogBodyLevelConsentCheckbox" checked
315                            disabled aria-label="Essential cookies always active" />
316                        <span class="airo-cookie-switch__slider"></span>
317                    </label>
318                </div>
319            </div>
320            <div class="airo-cookie-group">
321                <div class="airo-cookie-group__header">
322                    <div>
323                        <div class="airo-cookie-group__title">Analytics Cookies</div>
324                        <p class="airo-cookie-group__description">Help us understand how visitors use the site.</p>
325                    </div>
326                    <label class="airo-cookie-switch">
327                        <input id="CybotCookiebotDialogBodyLevelButtonStatisticsInline" type="checkbox"
328                            class="CybotCookiebotDialogBodyLevelButton CybotCookiebotDialogBodyLevelConsentCheckbox"
329                            aria-label="Analytics cookies" />
330                        <span class="airo-cookie-switch__slider"></span>
331                    </label>
332                </div>
333            </div>
334            <div class="airo-cookie-group">
335                <div class="airo-cookie-group__header">
336                    <div>
337                        <div class="airo-cookie-group__title">Marketing Cookies</div>
338                        <p class="airo-cookie-group__description">Used for personalized advertising and campaigns.</p>
339                    </div>
340                    <label class="airo-cookie-switch">
341                        <input id="CybotCookiebotDialogBodyLevelButtonMarketingInline" type="checkbox"
342                            class="CybotCookiebotDialogBodyLevelButton CybotCookiebotDialogBodyLevelConsentCheckbox"
343                            aria-label="Marketing cookies" />
344                        <span class="airo-cookie-switch__slider"></span>
345                    </label>
346                </div>
347            </div>
348            <div class="airo-cookie-group">
349                <div class="airo-cookie-group__header">
350                    <div>
351                        <div class="airo-cookie-group__title">Functional Cookies</div>
352                        <p class="airo-cookie-group__description">Enable enhanced features and personalization.</p>
353                    </div>
354                    <label class="airo-cookie-switch">
355                        <input id="CybotCookiebotDialogBodyLevelButtonPreferencesInline" type="checkbox"
356                            class="CybotCookiebotDialogBodyLevelButton CybotCookiebotDialogBodyLevelConsentCheckbox"
357                            aria-label="Functional cookies" />
358                        <span class="airo-cookie-switch__slider"></span>
359                    </label>
360                </div>
361            </div>
362        </div>
363        <div class="airo-cookie-modal__footer">
364            <button type="button" id="airoCookieDeny" class="airo-cookie-btn airo-cookie-btn--secondary">
365                Accept All
366            </button>
367            <button type="button" id="airoCookieSavePreferences" class="airo-cookie-btn airo-cookie-btn--primary">
368                Save Preferences
369            </button>
370        </div>
371    </div>
372</div>
373
374<div id="airoDisclaimerGate" class="airo-cookie-modal airo-disclaimer-modal hidden" style="display:none"
375    role="dialog" aria-modal="true" aria-label="Important Notice">
376    <div class="airo-cookie-modal__backdrop" data-disclaimer-modal-close></div>
377    <div class="airo-cookie-modal__card airo-cookie-modal__card--wide" role="document">
378        <div class="airo-cookie-modal__header">
379            <div>
380                <h2 class="airo-cookie-modal__title">Important Notice</h2>
381                <p class="airo-disclaimer-modal__sub">Please review the agreement below before continuing.</p>
382            </div>
383            <button type="button" id="airoDisclaimerModalClose" class="airo-cookie-modal__close"
384                aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="airo-icon-close" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" /></svg></button>
385        </div>
386        <div id="airoDisclaimerScroll" class="airo-cookie-modal__body airo-disclaimer-modal__body" tabindex="0">
387            <div id="airoDisclaimerText" class="airo-disclaimer-html">
388                <p class="text-sm text-slate-600">Loading…</p>
389            </div>
390        </div>
391        <div class="airo-cookie-modal__footer">
392            <button type="button" id="airoDisclaimerAgree" class="airo-cookie-btn airo-cookie-btn--primary">
393                I Agree
394            </button>
395        </div>
396    </div>
397</div>
398
399<!-- Mobile landing: sticky bottom navigation -->
400<nav id="airoMobileBottomNav" class="airo-mobile-bottom-nav lg:hidden" aria-label="Mobile navigation">
401    <button type="button" class="airo-mobile-bottom-nav__item is-active" data-mobile-nav="landing" aria-current="page">
402        <span class="airo-mobile-bottom-nav__icon" aria-hidden="true">
403            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
404                <path d="m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" />
405                <path d="M9 22V12h6v10" />
406            </svg>
407        </span>
408        <span class="airo-mobile-bottom-nav__label">Home</span>
409    </button>
410    <button type="button" class="airo-mobile-bottom-nav__item" data-mobile-nav="compensation">
411        <span class="airo-mobile-bottom-nav__icon" aria-hidden="true">
412            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
413                <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" />
414                <path d="M14 2v6h6M8 13h8M8 17h8" />
415            </svg>
416        </span>
417        <span class="airo-mobile-bottom-nav__label">File Claim</span>
418    </button>
419    <a href="https://wa.me/918796322382?text=Hey%2C%20I%20need%20help%20with%20filing%20a%20claim."
420        target="_blank" rel="noopener noreferrer"
421        class="airo-mobile-bottom-nav__item airo-mobile-bottom-nav__item--link"
422        data-mobile-nav="quick-connect"
423        aria-label="Quick connect - message AiroRight on WhatsApp">
424        <span class="airo-mobile-bottom-nav__icon" aria-hidden="true">
425            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
426                <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" />
427            </svg>
428        </span>
429        <span class="airo-mobile-bottom-nav__label">Quick Connect</span>
430    </a>
431    <button type="button" class="airo-mobile-bottom-nav__item" data-mobile-nav="passenger-login">
432        <span class="airo-mobile-bottom-nav__icon" aria-hidden="true">
433            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
434                <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" />
435                <circle cx="12" cy="7" r="4" />
436            </svg>
437        </span>
438        <span class="airo-mobile-bottom-nav__label">Account</span>
439    </button>
440</nav>
441
442<main id="app" class="overflow-x-hidden min-w-0">
443  <section id="view-landing" data-view="landing" class="airo-hero-light airo-landing-page text-navy min-h-[85vh]">
444    <div
445      class="airo-hero-panel relative flex w-full max-w-full flex-col items-center justify-start overflow-x-hidden overflow-y-visible pb-8 pt-[max(6rem,calc(env(safe-area-inset-top,0px)+4.75rem))] min-h-[85vh] sm:justify-center sm:overflow-visible sm:pb-12 sm:pt-28 lg:pb-14 lg:pt-32 max-sm:min-h-0 max-sm:pb-0 max-sm:pt-0">
446      <!-- Desktop: hero background -->
447      <div class="hidden sm:block absolute inset-0">
448        <div class="absolute inset-0 bg-cover bg-center bg-no-repeat"
449          style="background-image: url('assets/img/hero-bg.jpg'); background-image: image-set(url('assets/img/hero-bg.webp') type('image/webp'), url('assets/img/hero-bg.jpg') type('image/jpeg'));"></div>
450      </div>
451
452      <!-- Mobile: full-viewport hero (headline + claim); desktop: display:contents -->
453      <div class="airo-mobile-hero-screen">
454        <div class="airo-hero-banner airo-landing-grid-banner relative z-10 w-full">
455          <div class="airo-hero-banner-art pointer-events-none absolute inset-0 z-0 overflow-hidden sm:hidden"
456            aria-hidden="true">
457            <span class="airo-hero-banner-cloud airo-hero-banner-cloud--1"></span>
458            <span class="airo-hero-banner-cloud airo-hero-banner-cloud--2"></span>
459          </div>
460          <div class="relative z-10 mx-auto w-full min-w-0 max-w-7xl px-3 sm:px-6 lg:px-8 max-sm:px-4">
461            <div class="w-full max-w-7xl max-sm:max-w-none">
462              <h1
463                class="airo-hero-heading max-w-full text-balance font-display font-bold leading-[1.12] tracking-tight text-navy sm:mt-0">
464                <span class="airo-hero-heading__line1 block text-navy">Flight disrupted?</span>
465                <span class="airo-hero-heading__line2 mt-1.5 block sm:mt-4 sm:inline">
466                  <span class="text-navy">Claim up to </span><span
467                    class="airo-hero-heading__amount text-red-airo">₹20,000</span><span class="text-navy"> on domestic
468                    or upto </span><span class="airo-hero-heading__amount text-red-airo">$600</span><span
469                    class="text-navy"> on international travel</span>
470                </span>
471              </h1>
472              <div class="airo-hero-accent mt-3 h-1 w-12 rounded-full bg-red-airo" aria-hidden="true"></div>
473              <p class="airo-hero-sub mt-4 max-w-3xl font-medium leading-relaxed text-navy sm:mt-5">
474                We help passengers get compensation for flight <strong class="font-semibold text-navy">delays,
475                  cancellations, denied boarding,</strong> and <strong class="font-semibold text-navy">baggage
476                  issues.</strong>
477              </p>
478            </div>
479          </div>
480        </div>
481
482        <!-- Quick claim card -->
483        <div
484          class="hero-quick-claim airo-landing-grid-claim relative z-10 mx-auto flex w-full min-w-0 max-w-7xl flex-col gap-4 roun
484ded-3xl border border-navy/12 bg-white p-4 shadow-[0_20px_60px_-28px_rgba(8,33,97,0.28)] sm:mt-6 sm:max-w-3xl sm:px-5 sm:py-5 lg:px-6 max-sm:mx-4 max-sm:mt-4 max-sm:max-w-none max-sm:rounded-2xl max-sm:border-navy/10 max-sm:p-4 max-sm:shadow-[0_8px_32px_-12px_rgba(8,33,97,0.18)]">
485          <div class="hero-quick-field hero-quick-field--airline w-full shrink-0">
486            <label for="hero_airline" class="hero-quick-label">AIRLINES</label>
487            <div class="hero-quick-control relative w-full">
488              <span
489                class="pointer-events-none absolute left-3 top-1/2 z-[1] flex h-9 w-9 shrink-0 -translate-y-1/2 items-center justify-center text-navy/50"
490                aria-hidden="true">
491                <svg viewBox="0 0 24 24" class="h-5 w-5 shrink-0" fill="none" stroke="currentColor" stroke-width="1.75"
492                  stroke-linecap="round" stroke-linejoin="round">
493                  <path
494                    d="M17.8 19.2 16 11l3.5-3.5C21 6 21.5 4 21 3c-1-.5-3 0-4.5 1.5L13 8 4.8 6.2c-.5-.1-.9.1-1.1.5l-.3.5c-.2.5-.1 1 .3 1.3L9 12l-2 3H4l-1 1 3 2 2 3 1-1v-3l3-2 3.5 5.3c.3.4.8.5 1.3.3l.5-.2c.4-.3.6-.7.5-1.2z" />
495                </svg>
496              </span>
497              <select id="hero_airline" aria-label="Airline"
498                class="hero-quick-select airo-hero-field-text h-11 w-full cursor-pointer appearance-none rounded-2xl border border-navy/15 bg-white py-0 pl-11 pr-10 font-semibold leading-none text-navy shadow-sm focus:border-brand/40 focus:outline-none focus:ring-2 focus:ring-brand/25">
499                <option value="" class="bg-white text-navy/60">Select Airline</option>
500              </select>
501              <span
502                class="pointer-events-none absolute right-2.5 top-1/2 z-[1] flex h-9 w-9 shrink-0 -translate-y-1/2 items-center justify-center text-navy/40"
503                aria-hidden="true">
504                <svg viewBox="0 0 24 24" class="h-5 w-5" fill="none" stroke="currentColor" stroke-width="2"
505                  stroke-linecap="round" stroke-linejoin="round">
506                  <path d="m6 9 6 6 6-6" />
507                </svg>
508              </span>
509            </div>
510          </div>
511          <div class="hero-quick-field hero-quick-field--pnr w-full shrink-0">
512            <label for="hero_pnr" class="hero-quick-label">PNR</label>
513            <div class="hero-quick-control relative w-full">
514              <span
515                class="pointer-events-none absolute left-3 top-1/2 z-[1] flex h-9 w-9 shrink-0 -translate-y-1/2 items-center justify-center text-navy/50"
516                aria-hidden="true">
517                <svg viewBox="0 0 24 24" class="h-5 w-5 shrink-0" fill="none" stroke="currentColor" stroke-width="1.75"
518                  stroke-linecap="round" stroke-linejoin="round">
519                  <path d="M4 7V5a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v2" />
520                  <path d="M4 7h16v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V7z" />
521                  <path d="M8 11h4M8 15h8" />
522                </svg>
523              </span>
524              <input id="hero_pnr" type="text" inputmode="text" maxlength="6" autocomplete="off"
525                autocapitalize="characters" placeholder="Enter PNR" aria-label="PNR (6-character booking reference)"
526                title="Your 6-character booking reference (PNR)"
527                class="hero-quick-pnr airo-hero-field-text h-11 w-full rounded-2xl border border-navy/15 bg-white py-0 pl-11 pr-3 text-left font-semibold uppercase leading-none tracking-wide text-navy placeholder:normal-case placeholder:tracking-normal placeholder:text-navy/45 shadow-sm focus:border-brand/40 focus:outline-none focus:ring-2 focus:ring-brand/25" />
528            </div>
529          </div>
530          <div class="hero-quick-field hero-quick-field--cta w-full shrink-0">
531            <span class="hero-quick-label hero-quick-label--spacer" aria-hidden="true">&nbsp;</span>
532            <button data-nav="compensation" type="button" id="hero-compensation-cta"
533              class="airo-hero-cta inline-flex h-11 min-h-[2.75rem] w-full items-center justify-center gap-2 whitespace-nowrap rounded-2xl bg-red-airo px-5 font-display font-semibold text-white shadow-[0_14px_36px_-14px_rgba(255,74,93,0.55)] transition hover:bg-red-airo/92 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-navy/25">
534              <span>Get Compensation</span>
535              <svg viewBox="0 0 24 24" class="airo-hero-cta-arrow h-5 w-5 shrink-0" fill="none"
536                stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"
537                aria-hidden="true">
538                <path d="M5 12h14M13 6l6 6-6 6" />
539              </svg>
540            </button>
541          </div>
542        </div>
543      </div><!-- /.airo-mobile-hero-screen -->
544
545      <!-- Trust points: inside hero on desktop; card row on mobile -->
546      <div id="trust-banners"
547        class="airo-trust-strip airo-landing-grid-trust relative z-20 w-full min-w-0 shrink-0 max-sm:border-b-0 max-sm:bg-transparent max-sm:px-4 max-sm:py-3 sm:absolute sm:inset-x-0 sm:bottom-0 sm:border-b-0 sm:bg-transparent sm:px-6 sm:py-5 lg:px-8"
548        aria-label="Why trust AiroRight">
549        <div class="trust-points mx-auto flex max-w-7xl flex-wrap items-stretch justify-center gap-3 sm:gap-4">
550          <div class="trust-point inline-flex items-center gap-2.5 text-navy">
551            <svg aria-hidden="true" viewBox="0 0 24 24" class="h-5 w-5 shrink-0 text-navy" fill="none"
552              stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
553              <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" />
554              <path d="m9 12 2 2 4-4" />
555            </svg>
556            <span class="airo-trust-label font-semibold text-navy">India&rsquo;s <span class="text-red-airo">First &amp; Only</span> Passenger Rights Platform</span>
557          </div>
558          <div class="trust-point inline-flex items-center gap-2.5 text-navy">
559            <svg aria-hidden="true" viewBox="0 0 24 24" class="h-5 w-5 shrink-0 text-navy" fill="none"
560              stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
561              <path d="M20.6 13.4 13.4 20.6a2 2 0 0 1-2.8 0l-7.2-7.2A2 2 0 0 1 3 12V4a1 1 0 0 1 1-1h8a2 2 0 0 1 1.4.6l6.2 6.2a2 2 0 0 1 0 2.6z" />
562              <path d="M7.5 7.5h.01" />
563            </svg>
564            <span class="airo-trust-label font-semibold text-navy">File <span class="text-red-airo">for free.</span> No win. <span class="text-red-airo">No fee.</span></span>
565          </div>
566          <div class="trust-point inline-flex items-center gap-2.5 text-navy">
567            <svg aria-hidden="true" viewBox="0 0 24 24" class="h-5 w-5 shrink-0 text-navy" fill="none"
568              stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
569              <path d="M8 2v4M16 2v4" />
570              <rect x="3" y="6" width="18" height="15" rx="2" />
571              <path d="M3 10h18" />
572            </svg>
573            <span class="airo-trust-label font-semibold text-navy">Claim for flights up to <span class="text-red-airo">2 years</span> old</span>
574          </div>
575        </div>
576      </div>
577    </div>
578
579    <!-- AiroNews ticker (mobile: bottom of hero banner; desktop: below hero block) -->
580    <div id="landing-news-ticker"
581      class="airo-news-ticker airo-landing-grid-ticker airo-news-ticker--loading relative z-30 flex w-full shrink-0 border-y border-navy/15 bg-navy text-white"
582      role="region" aria-label="Latest AiroNews headlines" aria-busy="true">
583      <div class="mx-auto flex w-full max-w-[1400px] items-stretch max-sm:rounded-2xl max-sm:overflow-hidden">
584        <div
585          class="airo-news-ticker__brand bg-navy-airo flex shrink-0 items-center gap-2 border-r border-white/15 px-3 py-2 font-display text-[10px] font-bold uppercase tracking-[0.16em] text-white/90 sm:px-4 sm:text-xs max-sm:bg-transparent max-sm:border-r-0 max-sm:text-red-airo max-sm:normal-case max-sm:tracking-normal max-sm:text-xs max-sm:font-bold">
586          <span class="inline-flex h-1.5 w-1.5 shrink-0 rounded-full bg-brand max-sm:hidden" aria-hidden="true"></span>
587          <span class="max-sm:text-red-airo">AiroNews</span>
588        </div>
589        <div class="airo-news-ticker__viewport relative min-w-0 flex-1 overflow-hidden">
590          <div id="landing-news-ticker-strip" class="airo-news-ticker__strip">
591            <div class="airo-news-ticker__seq font-display">
592              <span class="airo-news-ticker__placeholder text-navy/70 max-sm:text-navy/70">Loading latest
593                headlines…</span>
594            </div>
595          </div>
596        </div>
597        <div class="hidden shrink-0 items-stretch border-l border-white/15 sm:flex">
598          <button type="button" data-nav="news"
599            class="airo-news-ticker__all px-4 py-2 text-xs font-semibold text-white/95 transition hover:bg-white/10 font-display">
600            View all →
601          </button>
602        </div>
603      </div>
604    </div>
605
606    <!-- Section: Know Your Rights -->
607    <section id="final-cta"
608      class="relative overflow-hidden border-y border-navy/10 bg-white text-navy">
609      <div class="relative z-10 mx-auto max-w-7xl px-4 py-12 text-center sm:px-6 sm:py-16 md:py-20 lg:py-24">
610        <p class="mb-3 text-xs font-semibold uppercase tracking-[0.22em] text-navy/55 font-display">
611          KNOW YOUR RIGHTS
612        </p>
613
614        <h2
615          class="mx-auto max-w-5xl font-display text-3xl font-bold leading-tight text-balance text-navy sm:text-4xl lg:text-5xl">
616          Know <span class="text-red-airo">Your Rights</span>. Claim What's Yours.
617        </h2>
618        <div class="mx-auto mt-4 h-0.5 w-16 rounded-full bg-gradient-to-r from-blue-airo via-brand to-red-airo"></div>
619
620        <p class="mx-auto mt-6 max-w-3xl text-sm leading-relaxed text-navy/70 sm:text-base">
621          Flight disruptions can be frustrating. You may be entitled to compensation, refunds,
622          <br class="hidden sm:block" />
623          or other support under applicable passenger rights regulations.
624        </p>
625        <p class="mx-auto mt-3 max-w-3xl text-sm leading-relaxed text-navy/70 sm:text-base">
626          <span class="text-brand font-semibold text-red-airo">AiroRight</span> helps you understand your entitlements
627          across India,
628          Europe, and Dubai.
629        </p>
630
631        <div class="mx-auto mt-10 max-w-6xl text-left">
632          <div class="flex flex-row items-center justify-center gap-2 sm:gap-4" role="tablist"
633            aria-label="Passenger rights regions">
634            <button type="button" data-rights-tab="india" role="tab" aria-selected="true"
635              aria-controls="rights-panel-india"
636              class="airo-rights-tab flex min-w-0 flex-1 items-center justify-center gap-1.5 rounded-2xl border border-navy/15 bg-navy px-3 py-3 text-center font-display text-sm font-semibold text-white shadow-sm transition focus-visible:ring-2 focus-visible:ring-brand/35 sm:flex-none sm:min-w-[13rem] 
636sm:justify-start sm:px-5 sm:text-left">
637              <span aria-hidden="true">🇮🇳</span> India
638            </button>
639            <button type="button" data-rights-tab="dubai" role="tab" aria-selected="false"
640              aria-controls="rights-panel-dubai"
641              class="airo-rights-tab flex min-w-0 flex-1 items-center justify-center gap-1.5 rounded-2xl border border-navy/15 bg-white px-3 py-3 text-center font-display text-sm font-semibold text-navy/70 shadow-sm transition focus-visible:ring-2 focus-visible:ring-brand/35 sm:flex-none sm:min-w-[13rem] sm:justify-start sm:px-5 sm:text-left">
642              <span aria-hidden="true">🇦🇪</span> Dubai
643            </button>
644            <button type="button" data-rights-tab="europe" role="tab" aria-selected="false"
645              aria-controls="rights-panel-europe"
646              class="airo-rights-tab flex min-w-0 flex-1 items-center justify-center gap-1.5 rounded-2xl border border-navy/15 bg-white px-3 py-3 text-center font-display text-sm font-semibold text-navy/70 shadow-sm transition focus-visible:ring-2 focus-visible:ring-brand/35 sm:flex-none sm:min-w-[13rem] 
646sm:justify-start sm:px-5 sm:text-left">
647              <span aria-hidden="true">🇪🇺</span> Europe
648            </button>
649          </div>
650
651          <div class="mt-6">
652            <!-- India panel (4 cards) -->
653            <div id="rights-panel-india" data-rights-panel="india" role="tabpanel" tabindex="0"
654              aria-label="India rights">
655              <div class="mb-4 flex items-center gap-3">
656                <span
657                  class="inline-flex h-10 w-10 items-center justify-center rounded-2xl bg-blue-airo/10 ring-1 ring-blue-airo/15">
658                  <span class="text-lg" aria-hidden="true">🇮🇳</span>
659                </span>
660                <div>
661                  <p class="font-display text-base font-semibold text-navy">India</p>
662                  <p class="text-xs text-navy/55">DGCA Passenger Charter</p>
663                </div>
664              </div>
665
666              <div class="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4">
667                <button type="button" data-nav="compensation"
668                  class="airo-rights-card airo-shine-border rounded-3xl border border-blue-airo/20 bg-white p-5 text-left shadow-card transition hover:-translate-y-0.5 hover:shadow-cardMd">
669                  <p class="airo-rights-card__title font-display text-base font-semibold text-navy">Flight Delays &amp;
670                    Cancellations</p>
671                  <p class="airo-rights-card__desc mt-2 text-xs leading-relaxed text-navy/60">Compensation plus refund and
672                    care if cancelled with under 24-hour notice.</p>
673                  <div class="airo-rights-card__amount mt-auto pt-4">
674                    <span
675                      class="airo-rights-card__chip inline-flex rounded-xl bg-red-airo/8 px-3 py-1 font-display text-base font-bold text-red-airo ring-1 ring-red-airo/30">₹20,000</span>
676                  </div>
677                </button>
678
679                <button type="button" data-nav="compensation"
680                  class="airo-rights-card airo-shine-border rounded-3xl border border-blue-airo/20 bg-white p-5 text-left shadow-card transition hover:-translate-y-0.5 hover:shadow-cardMd">
681                  <p class="airo-rights-card__title font-display text-base font-semibold text-navy">Denied Boarding</p>
682                  <p class="airo-rights-card__desc mt-2 text-xs leading-relaxed text-navy/60">Depends on the alternate
683                    flight arrangement time for involuntary bumping.</p>
684                  <div class="airo-rights-card__amount mt-auto pt-4">
685                    <span
686                      class="airo-rights-card__chip inline-flex rounded-xl bg-red-airo/8 px-3 py-1 font-display text-base font-bold text-red-airo ring-1 ring-red-airo/30">₹20,000</span>
687                  </div>
688                </button>
689
690                <button type="button" data-nav="compensation"
691                  class="airo-rights-card airo-shine-border rounded-3xl border border-blue-airo/20 bg-white p-5 text-left shadow-card transition hover:-translate-y-0.5 hover:shadow-cardMd">
692                  <p class="airo-rights-card__title font-display text-base font-semibold text-navy">Baggage Issues</p>
693                  <p class="airo-rights-card__desc mt-2 text-xs leading-relaxed text-navy/60">Liability per passenger for
694                    proven damage or loss on domestic carrier routes.</p>
695                  <div class="airo-rights-card__amount mt-auto pt-4">
696                    <span
697                      class="airo-rights-card__chip inline-flex rounded-xl bg-red-airo/8 px-3 py-1 font-display text-base font-bold text-red-airo ring-1 ring-red-airo/30">₹20,000</span>
698                  </div>
699                </button>
700
701                <button type="button" data-nav="compensation"
702                  class="airo-rights-card airo-shine-border rounded-3xl border border-blue-airo/20 bg-white p-5 text-left shadow-card transition hover:-translate-y-0.5 hover:shadow-cardMd">
703                  <p class="airo-rights-card__title font-display text-base font-semibold text-navy">Missed Connections</p>
704                  <p class="airo-rights-card__desc mt-2 text-xs leading-relaxed text-navy/60">If sequential flights are
705                    missed under a single PNR itinerary due to carrier fault.</p>
706                  <div class="airo-rights-card__amount mt-auto pt-4">
707                    <span
708                      class="airo-rights-card__chip inline-flex rounded-xl bg-red-airo/8 px-3 py-1 font-display text-base font-bold text-red-airo ring-1 ring-red-airo/30">₹20,000</span>
709                  </div>
710                </button>
711              </div>
712            </div>
713
714            <!-- Dubai panel (4 cards) -->
715            <div id="rights-panel-dubai" data-rights-panel="dubai" role="tabpanel" tabindex="0"
716              aria-label="Dubai rights" hidden>
717              <div class="mb-4 flex items-center gap-3">
718                <span
719                  class="inline-flex h-10 w-10 items-center justify-center rounded-2xl bg-blue-airo/10 ring-1 ring-blue-airo/15">
720                  <span class="text-lg" aria-hidden="true">🇦🇪</span>
721                </span>
722                <div>
723                  <p class="font-display text-base font-semibold text-navy">UAE / Dubai Routes</p>
724                  <p class="text-xs text-navy/55">GCAA &amp; Montreal Rules</p>
725                </div>
726              </div>
727
728              <div class="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4">
729                <button type="button" data-nav="compensation"
730                  class="airo-rights-card airo-shine-border rounded-3xl border border-blue-airo/20 bg-white p-5 text-left shadow-card transition hover:-translate-y-0.5 hover:shadow-cardMd">
731                  <p class="airo-rights-card__title font-display text-base font-semibold text-navy">Flight Delays &amp;
732                    Cancellations</p>
733                  <p class="airo-rights-card__desc mt-2 text-xs leading-relaxed text-navy/60">Liability for proven losses
734                    if delayed over 2 hours.</p>
735                  <div class="airo-rights-card__amount mt-auto pt-4">
736                    <span
737                      class="airo-rights-card__chip inline-flex rounded-xl bg-red-airo/8 px-3 py-1 font-display text-base font-bold text-red-airo ring-1 ring-red-airo/30">AED
738                      30,500</span>
739                  </div>
740                </button>
741                <button type="button" data-nav="compensation"
742                  class="airo-rights-card airo-shine-border rounded-3xl border border-blue-airo/20 bg-white p-5 text-left shadow-card transition hover:-translate-y-0.5 hover:shadow-cardMd">
743                  <p class="airo-rights-card__title font-display text-base font-semibold text-navy">Denied Boarding</p>
744                  <p class="airo-rights-card__desc mt-2 text-xs leading-relaxed text-navy/60">Scaled by flight duration
745                    plus immediate alternate rerouting and care.</p>
746                  <div class="airo-rights-card__amount mt-auto pt-4">
747                    <span
748                      class="airo-rights-card__chip inline-flex rounded-xl bg-red-airo/8 px-3 py-1 font-display text-base font-bold text-red-airo ring-1 ring-red-airo/30">AED
749                      2,600</span>
750                  </div>
751                </button>
752                <button type="button" data-nav="compensation"
753                  class="airo-rights-card airo-shine-border rounded-3xl border border-blue-airo/20 bg-white p-5 text-left shadow-card transition hover:-translate-y-0.5 hover:shadow-cardMd">
754                  <p class="airo-rights-card__title font-display text-base font-semibold text-navy">Baggage Issues</p>
755                  <p class="airo-rights-card__desc mt-2 text-xs leading-relaxed text-navy/60">Liability for essential
756                    purchases and proven baggage loss.</p>
757                  <div class="airo-rights-card__amount mt-auto pt-4">
758                    <span
759                      class="airo-rights-card__chip inline-flex rounded-xl bg-red-airo/8 px-3 py-1 font-display text-base font-bold text-red-airo ring-1 ring-red-airo/30">AED
760                      7,300</span>
761                  </div>
762                </button>
763                <button type="button" data-nav="compensation"
764                  class="airo-rights-card airo-shine-border rounded-3xl border border-blue-airo/20 bg-white p-5 text-left shadow-card transition hover:-translate-y-0.5 hover:shadow-cardMd">
765                  <p class="airo-rights-card__title font-display text-base font-semibold text-navy">Missed Connections</p>
766                  <p class="airo-rights-card__desc mt-2 text-xs leading-relaxed text-navy/60">Liability for valid
767                    multi-segment delay claims.</p>
768                  <div class="airo-rights-card__amount mt-auto pt-4">
769                    <span
770                      class="airo-rights-card__chip inline-flex rounded-xl bg-red-airo/8 px-3 py-1 font-display text-base font-bold text-red-airo ring-1 ring-red-airo/30">AED
771                      30,500</span>
772                  </div>
773                </button>
774              </div>
775            </div>
776
777            <!-- Europe panel (4 cards) -->
778            <div id="rights-panel-europe" data-rights-panel="europe" role="tabpanel" tabindex="0"
779              aria-label="Europe rights" hidden>
780              <div class="mb-4 flex items-center gap-3">
781                <span
782                  class="inline-flex h-10 w-10 items-center justify-center rounded-2xl bg-blue-airo/10 ring-1 ring-blue-airo/15">
783                  <span class="text-lg" aria-hidden="true">🇪🇺</span>
784                </span>
785                <div>
786                  <p class="font-display text-base font-semibold text-navy">Europe</p>
787                  <p class="text-xs text-navy/55">EU261 &amp; Montreal Rules</p>
788                </div>
789              </div>
790
791              <div class="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4">
792                <button type="button" data-nav="compensation"
793                  class="airo-rights-card airo-shine-border rounded-3xl border border-blue-airo/20 bg-white p-5 text-left shadow-card transition hover:-translate-y-0.5 hover:shadow-cardMd">
794                  <p class="airo-rights-card__title font-display text-base font-semibold text-navy">Flight Delays &amp;
795                    Cancellations</p>
796                  <p class="airo-rights-card__desc mt-2 text-xs leading-relaxed text-navy/60">Compensation per passenger
797                    based on route distance for delays over 3 hours.</p>
798                  <div class="airo-rights-card__amount mt-auto pt-4">
799                    <span
800                      class="airo-rights-card__chip inline-flex rounded-xl bg-red-airo/8 px-3 py-1 font-display text-base font-bold text-red-airo ring-1 ring-red-airo/30">&euro;600</span>
801                  </div>
802                </button>
803
804                <button type="button" data-nav="compensation"
805                  class="airo-rights-card airo-shine-border rounded-3xl border border-blue-airo/20 bg-white p-5 text-left shadow-card transition hover:-translate-y-0.5 hover:shadow-cardMd">
806                  <p class="airo-rights-card__title font-display text-base font-semibold text-navy">Denied Boarding</p>
807                  <p class="airo-rights-card__desc mt-2 text-xs leading-relaxed text-navy/60">Compensation for involuntary
808                    bumping, based on planned route distance.</p>
809                  <div class="airo-rights-card__amount mt-auto pt-4">
810                    <span
811                      class="airo-rights-card__chip inline-flex rounded-xl bg-red-airo/8 px-3 py-1 font-display text-base font-bold text-red-airo ring-1 ring-red-airo/30">&euro;600</span>
812                  </div>
813                </button>
814
815                <button type="button" data-nav="compensation"
816                  class="airo-rights-card airo-shine-border rounded-3xl border border-blue-airo/20 bg-white p-5 text-left shadow-card transition hover:-translate-y-0.5 hover:shadow-cardMd">
817                  <p class="airo-rights-card__title font-display text-base font-semibold text-navy">Baggage Issues</p>
818                  <p class="airo-rights-card__desc mt-2 text-xs leading-relaxed text-navy/60">Liability for proven loss or
819                    damage.</p>
820                  <div class="airo-rights-card__amount mt-auto pt-4">
821                    <span
822                      class="airo-rights-card__chip inline-flex rounded-xl bg-red-airo/8 px-3 py-1 font-display text-base font-bold text-red-airo ring-1 ring-red-airo/30">&pound;1,600</span>
823                  </div>
824                </button>
825
826                <button type="button" data-nav="compensation"
827                  class="airo-rights-card airo-shine-border rounded-3xl border border-blue-airo/20 bg-white p-5 text-left shadow-card transition hover:-translate-y-0.5 hover:shadow-cardMd">
828                  <p class="airo-rights-card__title font-display text-base font-semibold text-navy">Missed Connections</p>
829                  <p class="airo-rights-card__desc mt-2 text-xs leading-relaxed text-navy/60">Compensation if a missed
830                    connection causes a final destination arrival delay exceeding 3 hours.</p>
831                  <div class="airo-rights-card__amount mt-auto pt-4">
832                    <span
833                      class="airo-rights-card__chip inline-flex rounded-xl bg-red-airo/8 px-3 py-1 font-display text-base font-bold text-red-airo ring-1 ring-red-airo/30">&euro;600</span>
834                  </div>
835                </button>
836              </div>
837            </div>
838          </div>
839        </div>
840
841        <!-- Bottom CTA bar -->
842        <div
843          class="mx-auto mt-8 max-w-6xl overflow-hidden rounded-3xl border border-navy/10 bg-white p-4 text-left shadow-card sm:p-5">
844          <div class="grid grid-cols-1 items-center gap-4 sm:grid-cols-12">
845            <div class="sm:col-span-6">
846              <div class="flex items-start gap-3">
847                <span
848                  class="inline-flex h-12 w-12 items-center justify-center rounded-2xl bg-blue-airo/10 ring-1 ring-blue-airo/15">
849                  <svg aria-hidden="true" viewBox="0 0 24 24" class="h-6 w-6 text-blue-airo">
850                    <path fill="currentColor"
851                      d="M12 2l8 4v6c0 5-3.4 9.4-8 10c-4.6-.6-8-5-8-10V6l8-4Zm0 2.2L6 7v5c0 3.9 2.4 7.5 6 8c3.6-.5 6-4.1 6-8V7l-6-2.8Z" />
852                  </svg>
853                </span>
854                <div>
855                  <p class="font-display text-base font-bold text-navy">Don't leave your rights unclaimed.</p>
856                  <p class="mt-1 text-xs leading-relaxed text-navy/65 sm:text-sm">
857                    Airlines may not always make the process simple. AiroRight helps you understand what you may be
858                    eligible for and what next step to take.
859                  </p>
860                </div>
861              </div>
862            </div>
863
864            <div class="flex flex-col gap-3 sm:col-span-6 sm:flex-row sm:justify-center sm:gap-3">
865              <button data-nav="compensation" type="button"
866                class="inline-flex w-full items-center justify-center gap-2 rounded-xl bg-brand px-6 py-3.5 font-display text-sm font-semibold text-white shadow-brand transition hover:bg-brand/90 focus-visible:ring-2 focus-visible:ring-brand/30 sm:w-auto sm:min-w-[12.5rem]">
867                <svg aria-hidden="true" viewBox="0 0 24 24" class="h-4 w-4">
868                  <path fill="currentColor" d="M3 11l18-8-8 18-2-8-8-2Z" />
869                </svg>
870                Submit Claim
871              </button>
872              <a id="passengerRightsGuideDownload" href="api/download_passenger_rights_guide.php"
873                download="AiroRight-Passenger-Rights-Guide.pdf"
874                class="inline-flex w-full items-center justify-center gap-2 rounded-xl border border-navy/15 bg-white px-6 py-3.5 font-display text-sm font-semibold text-navy transition hover:bg-surface focus-visible:ring-2 focus-visible:ring-brand/30 sm:w-auto sm:min-w-[16rem]">
875                <svg aria-hidden="true" viewBox="0 0 24 24" class="h-4 w-4">
876                  <path fill="currentColor"
877                    d="M12 3a1 1 0 0 1 1 1v8.6l2.3-2.3a1 1 0 1 1 1.4 1.4l-4 4a1 1 0 0 1-1.4 0l-4-4a1 1 0 1 1 1.4-1.4L11 12.6V4a1 1 0 0 1 1-1Zm-7 15a1 1 0 0 1 1 1v1h12v-1a1 1 0 1 1 2 0v2a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1Z" />
878                </svg>
879                Download Passenger Rights Guide
880              </a>
881            </div>
882          </div>
883        </div>
884
885        <p class="mx-auto mt-6 max-w-6xl text-left text-xs leading-relaxed text-navy/55 sm:text-sm">
886          Amounts shown are maximum legal liability caps, not automatic flat payouts. Eligibility depends entirely on the
887          specific airline, routing, duration of terminal delay, and valid legal exceptions like severe weather or air
888          traffic control restrictions.
889        </p>
890      </div>
891    </section>
892    <!-- Section 3: Flight issues -->
893    <section id="features" class="relative overflow-hidden border-b border-navy/10 bg-white py-12 sm:py-16 lg:py-20">
894      <div class="relative z-10 mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
895        <div class="mb-8 text-center sm:mb-10">
896          <p class="mb-2 text-xs font-semibold uppercase tracking-[0.12em] text-brand font-display">Flight Issues
897          </p>
898          <h2
899            class="mb-4 font-display text-3xl font-bold leading-tight text-balance text-navy sm:mb-5 sm:text-4xl lg:text-5xl">
900            Flight disruption? We help you <span class="text-red-airo">move things forward.</span>
901          </h2>
902          <p class="mx-auto max-w-3xl text-sm leading-relaxed text-navy/70 sm:text-base">
903            From delays and cancellations to denied boarding and baggage issues, AiroRight helps passengers handle
904            airline disruption claims with a structured and transparent process.
905          </p>
906        </div>
907
908        <div class="mx-auto mb-8 flex max-w-3xl items-center gap-4 sm:mb-10">
909          <span class="h-px flex-1 bg-navy/12" aria-hidden="true"></span>
910          <span class="shrink-0 font-display text-sm font-semibold text-navy">Choose your issue to file a claim</span>
911          <span class="h-px flex-1 bg-navy/12" aria-hidden="true"></span>
912        </div>
913
914        <div class="airo-issue-grid grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-4">
915          <button type="button" data-nav="compensation" data-issue-type="delay"
916            class="airo-issue-card group">
917            <div class="airo-issue-card__media">
918              <img src="assets/img/Flight-Delay.jpg" alt="Flight delay" loading="lazy" decoding="async" />
919            </div>
920            <div class="airo-issue-card__body">
921              <div class="airo-issue-card__heading">
922                <span class="airo-issue-card__icon" aria-hidden="true">
923                  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
924                    <circle cx="12" cy="12" r="9" />
925                    <path d="M12 7v5l3 2" />
926                  </svg>
927                </span>
928                <h3 class="airo-issue-card__title">Flight Delay</h3>
929              </div>
930              <p class="airo-issue-card__question">Flight delayed by more than 4 hours?</p>
931              <p class="airo-issue-card__desc">You may be entitled to compensation and other assistance.</p>
932              <span class="airo-issue-card__cta">File claim now <span aria-hidden="true">&rarr;</span></span>
933            </div>
934          </button>
935
936          <button type="button" data-nav="compensation" data-issue-type="cancellation"
937            class="airo-issue-card group">
938            <div class="airo-issue-card__media">
939              <img src="assets/img/Flight-Cancellation.jpg" alt="Flight cancellation" loading="lazy" decoding="async" />
940            </div>
941            <div class="airo-issue-card__body">
942              <div class="airo-issue-card__heading">
943                <span class="airo-issue-card__icon" aria-hidden="true">
944                  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
945                    <path d="M17.8 19.2 16 11l3.5-3.5C21 6 21.5 4 21 3c-1-.5-3 0-4.5 1.5L13 8 4.8 6.2c-.5-.1-.9.1-1.1.5l-.3.5c-.2.5-.1 1 .3 1.3L9 12l-2 3H4l-1 1 3 2 2 3 1-1v-3l3-2 3.5 5.3c.3.4.8.5 1.3.3l.5-.2c.4-.3.6-.7.5-1.2z" />
946                    <circle cx="18" cy="18" r="3" />
947                    <path d="m16.2 16.2 3.6 3.6" />
948                  </svg>
949                </span>
950                <h3 class="airo-issue-card__title">Flight Cancellation</h3>
951              </div>
952              <p class="airo-issue-card__question">Flight cancelled without prior notice?</p>
953              <p class="airo-issue-card__desc">You may be entitled to a refund, rebooking, and compensation.</p>
954              <span class="airo-issue-card__cta">File claim now <span aria-hidden="true">&rarr;</span></span>
955            </div>
956          </button>
957
958          <button type="button" data-nav="compensation" data-issue-type="denied-boarding"
959            class="airo-issue-card group">
960            <div class="airo-issue-card__media">
961              <img src="assets/img/Denied-Boarding.jpg" alt="Denied boarding" loading="lazy" decoding="async" />
962            </div>
963            <div class="airo-issue-card__body">
964              <div class="airo-issue-card__heading">
965                <span class="airo-issue-card__icon" aria-hidden="true">
966                  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
967                    <circle cx="10" cy="8" r="3.5" />
968                    <path d="M4 20.5a6 6 0 0 1 10.5-4" />
969                    <circle cx="17.5" cy="15.5" r="4.5" />
970                    <path d="m14.3 12.3 6.4 6.4" />
971                  </svg>
972                </span>
973                <h3 class="airo-issue-card__title">Denied Boarding</h3>
974              </div>
975              <p class="airo-issue-card__question">Denied boarding despite a confirmed booking?</p>
976              <p class="airo-issue-card__desc">You may be entitled to compensation and assistance.</p>
977              <span class="airo-issue-card__cta">File claim now <span aria-hidden="true">&rarr;</span></span>
978            </div>
979          </button>
980
981          <button type="button" data-nav="compensation" data-issue-type="baggage"
982            class="airo-issue-card group">
983            <div class="airo-issue-card__media">
984              <img src="assets/img/Baggage-Issues.jpg" alt="Baggage issues" loading="lazy" decoding="async" />
985            </div>
986            <div class="airo-issue-card__body">
987              <div class="airo-issue-card__heading">
988                <span class="airo-issue-card__icon" aria-hidden="true">
989                  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
990                    <path d="M9 6V5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v1" />
991                    <rect x="4" y="6" width="16" height="15" rx="2" />
992                    <path d="M9 6v15M15 6v15" />
993                  </svg>
994                </span>
995                <h3 class="airo-issue-card__title">Baggage Issues</h3>
996              </div>
997              <p class="airo-issue-card__question">Lost, delayed, or damaged baggage?</p>
998              <p class="airo-issue-card__desc">You may be entitled to compensation.</p>
999              <span class="airo-issue-card__cta">File claim now <span aria-hidden="true">&rarr;</span></span>
1000            </div>
1001          </button>
1002        </div>
1003      </div>
1004    </section>
1005    <!-- Section: Why Choose AiroRight -->
1006    <section id="why-choose"
1007      class="relative overflow-hidden border-b border-navy/10 bg-gradient-to-b from-white to-surface/90 py-12 sm:py-16 lg:py-20">
1008      <div class="pointer-events-none absolute inset-0" aria-hidden="true">
1009        <div class="absolute -top-24 left-1/2 h-72 w-[48rem] -translate-x-1/2 rounded-full bg-brand/10 blur-3xl"></div>
1010        <div class="absolute -top-40 left-[-120px] h-80 w-80 rounded-full bg-red-airo/10 blur-3xl"></div>
1011        <div class="absolute -top-20 right-[-140px] h-80 w-80 rounded-full bg-blue-airo/10 blur-3xl"></div>
1012        <svg class="absolute -bottom-10 right-[-40px] h-48 w-[520px] opacity-25 sm:h-56 sm:w-[640px]"
1013          viewBox="0 0 700 220" fill="none">
1014          <path d="M10 170c120-120 260-150 390-95s195 45 290-45" stroke="rgba(10,36,99,0.18)" stroke-width="2"
1015            stroke-dasharray="6 10" stroke-linecap="round" />
1016          <path d="M610 70l22-8-9 22-6-6-7-8Z" fill="rgba(10,36,99,0.20)" />
1017        </svg>
1018      </div>
1019
1020      <div class="relative mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
1021        <div class="mx-auto max-w-3xl text-center">
1022          <p class="mb-2 text-xs font-semibold uppercase tracking-[0.18em] text-navy/55 font-display">WHY CHOOSE
1023            AIRORIGHT</p>
1024          <h2 class="font-display text-3xl font-bold leading-tight text-balance text-navy sm:text-4xl lg:text-5xl">
1025            We make it <span class="text-brand">right</span>, so you don't have to.
1026          </h2>
1027          <div class="mx-auto mt-4 h-0.5 w-14 rounded-full bg-gradient-to-r from-blue-airo via-brand to-red-airo"></div>
1028          <p class="mx-auto mt-5 max-w-2xl text-sm leading-relaxed text-navy/70 sm:text-base">
1029            We take care of the whole process including negotiations with the airline.
1030            <br class="hidden sm:block" />
1031            You focus on your journey, we'll handle the rest.
1032          </p>
1033        </div>
1034
1035        <div class="mt-10 grid grid-cols-1 gap-4 sm:grid-cols-2 sm:gap-5 lg:grid-cols-4 lg:gap-6">
1036          <div
1037            class="group overflow-hidden rounded-3xl border border-blue-airo/15 bg-white shadow-card transition hover:-translate-y-0.5 hover:border-blue-airo/30 hover:shadow-cardMd max-sm:text-left">
1038            <div
1039              class="why-card-inner flex flex-col items-center p-6 text-center sm:items-center max-sm:flex-row max-sm:items-start max-sm:gap-3 max-sm:p-4 max-sm:text-left">
1040              <span
1041                class="mx-auto mb-4 inline-flex h-14 w-14 shrink-0 items-center justify-center rounded-2xl bg-gradient-to-br from-blue-airo/15 to-white ring-1 ring-blue-airo/15 max-sm:mx-0 max-sm:mb-0 max-sm:h-11 max-sm:w-11">
1042                <svg aria-hidden="true" viewBox="0 0 24 24"
1043                  class="h-7 w-7 text-blue-airo max-sm:h-[1.15rem] max-sm:w-[1.15rem]">
1044                  <path fill="currentColor"
1045                    d="M12 2a4 4 0 0 1 4 4v1h1a2 2 0 0 1 2 2v1h-2V9H7v1H5V9a2 2 0 0 1 2-2h1V6a4 4 0 0 1 4-4Zm2 5V6a2 2 0 1 0-4 0v1h4Zm7 6a8 8 0 0 1-16 0v-1h2v1a6 6 0 1 0 12 0v-1h2v1Z" />
1046                </svg>
1047              </span>
1048              <div class="why-card-body min-w-0 flex-1">
1049                <p class="font-display text-lg font-bold text-navy">No stress for you</p>
1050                <div class="mx-auto mt-3 h-0.5 w-9 rounded-full bg-blue-airo max-sm:mx-0"></div>
1051                <p class="mx-auto mt-4 text-sm leading-relaxed text-navy/70 max-sm:mx-0 max-sm:mt-2">
1052                  Sit back while our experts handle paperwork, airline follow-ups, and negotiations on your behalf.
1053                </p>
1054              </div>
1055            </div>
1056          </div>
1057
1058          <div
1059            class="group overflow-hidden rounded-3xl border border-red-airo/15 bg-white shadow-card transition hover:-translate-y-0.5 hover:border-red-airo/30 hover:shadow-cardMd max-sm:text-left">
1060            <div
1061              class="why-card-inner flex flex-col items-center p-6 text-center sm:items-center max-sm:flex-row max-sm:items-start max-sm:gap-3 max-sm:p-4 max-sm:text-left">
1062              <span
1063                class="mx-auto mb-4 inline-flex h-14 w-14 shrink-0 items-center justify-center rounded-2xl bg-gradient-to-br from-red-airo/15 to-white ring-1 ring-red-airo/15 max-sm:mx-0 max-sm:mb-0 max-sm:h-11 max-sm:w-11">
1064                <svg aria-hidden="true" viewBox="0 0 24 24"
1065                  class="h-7 w-7 text-red-airo max-sm:h-[1.15rem] max-sm:w-[1.15rem]">
1066                  <path fill="currentColor"
1067                    d="M7 2h8a2 2 0 0 1 2 2v3h-2V4H7v16h8v-3h2v3a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2Zm10 7h2v3h3v2h-3v3h-2v-3h-3v-2h3V9Z" />
1068                </svg>
1069              </span>
1070              <div class="why-card-body min-w-0 flex-1">
1071                <p class="font-display text-lg font-bold text-navy">0 documents</p>
1072                <div class="mx-auto mt-3 h-0.5 w-9 rounded-full bg-red-airo max-sm:mx-0"></div>
1073                <p class="mx-auto mt-4 text-sm leading-relaxed text-navy/70 max-sm:mx-0 max-sm:mt-2">
1074                  Start your claim with just your flight details - we collect any extra documents only when needed.
1075                </p>
1076              </div>
1077            </div>
1078          </div>
1079
1080          <div
1081            class="group overflow-hidden rounded-3xl border border-blue-airo/15 bg-white shadow-card transition hover:-translate-y-0.5 hover:border-blue-airo/30 hover:shadow-cardMd max-sm:text-left">
1082            <div
1083              class="why-card-inner flex flex-col items-center p-6 text-center sm:items-center max-sm:flex-row max-sm:items-start max-sm:gap-3 max-sm:p-4 max-sm:text-left">
1084              <span
1085                class="mx-auto mb-4 inline-flex h-14 w-14 shrink-0 items-center justify-center rounded-2xl bg-gradient-to-br from-blue-airo/15 to-white ring-1 ring-blue-airo/15 max-sm:mx-0 max-sm:mb-0 max-sm:h-11 max-sm:w-11">
1086                <svg aria-hidden="true" viewBox="0 0 24 24"
1087                  class="h-7 w-7 text-blue-airo max-sm:h-[1.15rem] max-sm:w-[1.15rem]">
1088                  <path fill="currentColor"
1089                    d="M12 2a10 10 0 1 0 0 20a10 10 0 0 0 0-20Zm0 2a8 8 0 1 1 0 16a8 8 0 0 1 0-16Zm1 3a1 1 0 0 0-2 0v5c0 .27.11.52.3.7l3 3a1 1 0 1 0 1.4-1.4L13 11.6V7Z" />
1090                </svg>
1091              </span>
1092              <div class="why-card-body min-w-0 flex-1">
1093                <p class="font-display text-lg font-bold text-navy">You save time</p>
1094                <div class="mx-auto mt-3 h-0.5 w-9 rounded-full bg-blue-airo max-sm:mx-0"></div>
1095                <p class="mx-auto mt-4 text-sm leading-relaxed text-navy/70 max-sm:mx-0 max-sm:mt-2">
1096                  Skip hours of hold music and email chains - most claims are resolved within 21 days.
1097                </p>
1098              </div>
1099            </div>
1100          </div>
1101
1102          <div
1103            class="group overflow-hidden rounded-3xl border border-red-airo/15 bg-white shadow-card transition hover:-translate-y-0.5 hover:border-red-airo/30 hover:shadow-cardMd max-sm:text-left">
1104            <div
1105              class="why-card-inner flex flex-col items-center p-6 text-center sm:items-center max-sm:flex-row max-sm:items-start max-sm:gap-3 max-sm:p-4 max-sm:text-left">
1106              <span
1107                class="mx-auto mb-4 inline-flex h-14 w-14 shrink-0 items-center justify-center rounded-2xl bg-gradient-to-br from-red-airo/15 to-white ring-1 ring-red-airo/15 max-sm:mx-0 max-sm:mb-0 max-sm:h-11 max-sm:w-11">
1108                <svg aria-hidden="true" viewBox="0 0 24 24"
1109                  class="h-7 w-7 text-red-airo max-sm:h-[1.15rem] max-sm:w-[1.15rem]">
1110                  <path fill="currentColor"
1111                    d="M12 2a7 7 0 0 0-7 7v2a4 4 0 0 0 4 4h6a4 4 0 0 0 4-4V9a7 7 0 0 0-7-7Zm0 2a5 5 0 0 1 5 5v2a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2V9a5 5 0 0 1 5-5Zm7.2 13.6a1 1 0 0 1 0 1.4l-1.8 1.8a1 1 0 0 1-1.4-1.4l.4-.4H9a6 6 0 0 1-6-6v-1a1 1 0 1 1 2 0v1a4 4 0 0 0 4 4h7.4l-.4-.4a1 1 0 0 1 1.4-1.4l1.8 1.8Z" />
1112                </svg>
1113              </span>
1114              <div class="why-card-body min-w-0 flex-1">
1115                <p class="font-display text-lg font-bold text-navy">No risks</p>
1116                <div class="mx-auto mt-3 h-0.5 w-9 rounded-full bg-red-airo max-sm:mx-0"></div>
1117                <p class="mx-auto mt-4 text-sm leading-relaxed text-navy/70 max-sm:mx-0 max-sm:mt-2">
1118                  You only pay when we recover compensation for you. Our <strong>fee is 25% + applicable taxes</strong>.
1119                </p>
1120              </div>
1121            </div>
1122          </div>
1123        </div>
1124
1125        <div class="mt-10 flex items-center justify-start gap-3 text-sm text-navy/65 sm:justify-center max-sm:gap-2.5">
1126          <span
1127            class="inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-2xl bg-white ring-1 ring-navy/10 max-sm:h-9 max-sm:w-9">
1128            <svg aria-hidden="true" viewBox="0 0 24 24" class="h-5 w-5 text-navy">
1129              <path fill="currentColor"
1130                d="M12 2l8 4v6c0 5-3.4 9.4-8 10c-4.6-.6-8-5-8-10V6l8-4Zm0 2.2L6 7v5c0 3.9 2.4 7.5 6 8c3.6-.5 6-4.1 6-8V7l-6-2.8Zm3.4 5.3a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.4 0l-2-2a1 1 0 1 1 1.4-1.4l1.3 1.3l3.3-3.3a1 1 0 0 1 1.4 0Z" />
1131            </svg>
1132          </span>
1133          <span class="font-medium">Trusted by thousands of passengers across India</span>
1134        </div>
1135      </div>
1136    </section>
1137    <!-- Section 4: Process -->
1138    <section id="how-it-works" class="airo-process-section border-b border-navy/10 bg-white py-12 sm:py-16 lg:py-20"
1139      data-process-anim="1">
1140      <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
1141        <div class="airo-process-section__head mb-10 max-w-3xl sm:mb-14">
1142          <p class="mb-2 hidden text-xs font-semibold uppercase tracking-[0.12em] text-navy/55 font-display sm:block">
1143            How It Works</p>
1144          <h2 class="font-display text-3xl font-bold leading-tight text-balance text-navy sm:text-4xl lg:text-5xl">How
1145            It Works</h2>
1146        </div>
1147        <ol
1148          class="airo-process-steps relative grid grid-cols-1 gap-4 divide-y divide-navy/10 max-sm:gap-0 sm:grid-cols-2 sm:gap-5 sm:divide-y-0 lg:grid-cols-5 lg:gap-6 lg:pt-2"
1149          aria-label="Claim process steps">
1150          <li
1151            class="airo-process-step relative rounded-2xl border border-navy/10 bg-white/80 p-4 shadow-sm backdrop-blur-sm max-sm:border-0 max-sm:bg-transparent max-sm:p-0 max-sm:shadow-none max-sm:backdrop-blur-none lg:border-0 lg:bg-transparent lg:p-0 lg:shadow-none lg:backdrop-blur-0"
1152            aria-label="Step 1: Submit your flight details and documents">
1153            <div
1154              class="airo-process-step__layout flex flex-col items-center gap-3 text-center max-sm:flex-row max-sm:items-center max-sm:gap-3 max-sm:text-left">
1155              <div class="airo-process-step__marker flex shrink-0 flex-col items-center gap-2 max-sm:gap-0">
1156                <svg class="mb-2 h-10 w-10 max-sm:hidden sm:h-12 sm:w-12" viewBox="0 0 24 24" fill="none"
1157                  aria-hidden="true">
1158                  <defs>
1159                    <linearGradient id="airo-process-grad-1" x1="0" y1="0" x2="24" y2="24"
1160                      gradientUnits="userSpaceOnUse">
1161                      <stop stop-color="#0A2463" />
1162                      <stop offset="1" stop-color="#E11D48" />
1163                    </linearGradient>
1164                  </defs>
1165                  <path d="M8 4v10l2.8-2 2.3 4.6 2-1-2.3-4.6 3.2-.3L8 4Z" stroke="url
1165(#airo-process-grad-1)"
1166                    stroke-width="1.35" stroke-linejoin="round" stroke-linecap="round" />
1167                  <path d="M16.5 6.5c1 .9 1.5 2 1.5 3.5" stroke="url(#airo-process-grad-1)" stroke-width="1.35"
1168                    stroke-linecap="round" />
1169                  <path d="M18.5 4.8c1.6 1.4 2.5 3.2 2.5 5.2" stroke="url(#airo-process-grad-1)" stroke-width="1.35"
1170                    stroke-linecap="round" />
1171                </svg>
1172                <span
1173                  class="step-badge inline-flex h-11 w-11 items-center justify-center rounded-full border border-navy/10 bg-white font-display text-base font-bold text-navy shadow-sm max-sm:h-9 max-sm:w-9 max-sm:text-sm">
1174                  1
1175                </span>
1176              </div>
1177              <div class="airo-process-step__body min-w-0 flex-1 max-sm:text-left">
1178                <p class="font-display text-sm font-semibold leading-snug text-navy sm:text-[15px]">Submit your flight
1179                  details and documents</p>
1180              </div>
1181            </div>
1182          </li>
1183          <li
1184            class="airo-process-step relative rounded-2xl border border-navy/10 bg-white/80 p-4 shadow-sm backdrop-blur-sm max-sm:border-0 max-sm:bg-transparent max-sm:p-0 max-sm:shadow-none max-sm:backdrop-blur-none lg:border-0 lg:bg-transparent lg:p-0 lg:shadow-none lg:backdrop-blur-0"
1185            aria-label="Step 2: We review your case and file your claim">
1186            <div
1187              class="airo-process-step__layout flex flex-col items-center gap-3 text-center max-sm:flex-row max-sm:items-center max-sm:gap-3 max-sm:text-left">
1188              <div class="airo-process-step__marker flex shrink-0 flex-col items-center gap-2 max-sm:gap-0">
1189                <svg class="mb-2 h-10 w-10 max-sm:hidden sm:h-12 sm:w-12" viewBox="0 0 24 24" fill="none"
1190                  aria-hidden="true">
1191                  <defs>
1192                    <linearGradient id="airo-process-grad-2" x1="0" y1="0" x2="24" y2="24"
1193                      gradientUnits="userSpaceOnUse">
1194                      <stop stop-color="#0A2463" />
1195                      <stop offset="1" stop-color="#E11D48" />
1196                    </linearGradient>
1197                  </defs>
1198                  <path d="M10.5 18a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15Z" stroke="url(#airo-process-grad-2)"
1199                    stroke-width="1.35" />
1200                  <path d="M16.7 16.7 21 21" stroke="url(#airo-process-grad-2)" stroke-width="1.35"
1201                    stroke-linecap="round" />
1202                  <path d="M8.5 8.5h4" stroke="url(#airo-process-grad-2)" stroke-width="1.35" stroke-linecap="round" />
1203                </svg>
1204                <span
1205                  class="step-badge inline-flex h-11 w-11 items-center justify-center rounded-full border border-navy/10 bg-white font-display text-base font-bold text-navy shadow-sm max-sm:h-9 max-sm:w-9 max-sm:text-sm">
1206                  2
1207                </span>
1208              </div>
1209              <div class="airo-process-step__body min-w-0 flex-1 max-sm:text-left">
1210                <p class="font-display text-sm font-semibold leading-snug text-navy sm:text-[15px]">We review your
1211                  case and file your claim</p>
1212              </div>
1213            </div>
1214          </li>
1215          <li
1216            class="airo-process-step relative rounded-2xl border border-navy/10 bg-white/80 p-4 shadow-sm backdrop-blur-sm max-sm:border-0 max-sm:bg-transparent max-sm:p-0 max-sm:shadow-none max-sm:backdrop-blur-none lg:border-0 lg:bg-transparent lg:p-0 lg:shadow-none lg:backdrop-blur-0"
1217            aria-label="Step 3: We share updates as your case progresses">
1218            <div
1219              class="airo-process-step__layout flex flex-col items-center gap-3 text-center max-sm:flex-row max-sm:items-center max-sm:gap-3 max-sm:text-left">
1220              <div class="airo-process-step__marker flex shrink-0 flex-col items-center gap-2 max-sm:gap-0">
1221                <svg class="mb-2 h-10 w-10 max-sm:hidden sm:h-12 sm:w-12" viewBox="0 0 24 24" fill="none"
1222                  aria-hidden="true">
1223                  <defs>
1224                    <linearGradient id="airo-process-grad-3" x1="0" y1="0" x2="24" y2="24"
1225                      gradientUnits="userSpaceOnUse">
1226                      <stop stop-color="#0A2463" />
1227                      <stop offset="1" stop-color="#E11D48" />
1228                    </linearGradient>
1229                  </defs>
1230                  <path d="M12 22a2.3 2.3 0 0 0 2.2-1.7" stroke="url
1230(#airo-process-grad-3)" stroke-width="1.35"
1231                    stroke-linecap="round" />
1232                  <path d="M18 16H6c1.2-1.3 2-2.6 2-5.5a4 4 0 0 1 8 0c0 2.9.8 4.2 2 5.5Z"
1233                    stroke="url(#airo-process-grad-3)" stroke-width="1.35" stroke-linejoin="round" />
1234                  <path d="M10 4a2 2 0 0 1 4 0" stroke="url(#airo-process-grad-3)" stroke-width="1.35"
1235                    stroke-linecap="round" />
1236                </svg>
1237                <span
1238                  class="step-badge inline-flex h-11 w-11 items-center justify-center rounded-full border border-navy/10 bg-white font-display text-base font-bold text-navy shadow-sm max-sm:h-9 max-sm:w-9 max-sm:text-sm">
1239                  3
1240                </span>
1241              </div>
1242              <div class="airo-process-step__body min-w-0 flex-1 max-sm:text-left">
1243                <p class="font-display text-sm font-semibold leading-snug text-navy sm:text-[15px]">We share updates
1244                  as your case progresses</p>
1245              </div>
1246            </div>
1247          </li>
1248          <li
1249            class="airo-process-step relative rounded-2xl border border-navy/10 bg-white/80 p-4 shadow-sm backdrop-blur-sm max-sm:border-0 max-sm:bg-transparent max-sm:p-0 max-sm:shadow-none max-sm:backdrop-blur-none lg:border-0 lg:bg-transparent lg:p-0 lg:shadow-none lg:backdrop-blur-0"
1250            aria-label="Step 4: We work with the airline to secure compensation">
1251            <div
1252              class="airo-process-step__layout flex flex-col items-center gap-3 text-center max-sm:flex-row max-sm:items-center max-sm:gap-3 max-sm:text-left">
1253              <div class="airo-process-step__marker flex shrink-0 flex-col items-center gap-2 max-sm:gap-0">
1254                <svg class="mb-2 h-10 w-10 max-sm:hidden sm:h-12 sm:w-12" viewBox="0 0 24 24" fill="none"
1255                  aria-hidden="true">
1256                  <defs>
1257                    <linearGradient id="airo-process-grad-4" x1="0" y1="0" x2="24" y2="24"
1258                      gradientUnits="userSpaceOnUse">
1259                      <stop stop-color="#0A2463" />
1260                      <stop offset="1" stop-color="#E11D48" />
1261                    </linearGradient>
1262                  </defs>
1263                  <path d="M4 7h16v10H4V7Z" stroke="url(#airo-process-grad-4)" stroke-width="1.35"
1264                    stroke-linejoin="round" />
1265                  <path d="M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z" stroke="url(#airo-process-grad-4)"
1266                    stroke-width="1.35" />
1267                  <path d="M7 10h.01M17 14h.01" stroke="url(#airo-process-grad-4)" stroke-width="1.7"
1268                    stroke-linecap="round" />
1269                </svg>
1270                <span
1271                  class="step-badge inline-flex h-11 w-11 items-center justify-center rounded-full border border-navy/10 bg-white font-display text-base font-bold text-navy shadow-sm max-sm:h-9 max-sm:w-9 max-sm:text-sm">
1272                  4
1273                </span>
1274              </div>
1275              <div class="airo-process-step__body min-w-0 flex-1 max-sm:text-left">
1276                <p class="font-display text-sm font-semibold leading-snug text-navy sm:text-[15px]">We work with the
1277                  airline to secure compensation</p>
1278              </div>
1279            </div>
1280          </li>
1281          <li
1282            class="airo-process-step relative rounded-2xl border border-navy/10 bg-white/80 p-4 shadow-sm backdrop-blur-sm max-sm:border-0 max-sm:bg-transparent max-sm:p-0 max-sm:shadow-none max-sm:backdrop-blur-none sm:col-span-2 lg:col-span-1 lg:border-0 lg:bg-transparent lg:p-0 lg:shadow-none lg:backdrop-blur-0"
1283            aria-label="Step 5: You receive your compensation within 21 days">
1284            <div
1285              class="airo-process-step__layout flex flex-col items-center gap-3 text-center max-sm:flex-row max-sm:items-center max-sm:gap-3 max-sm:text-left">
1286              <div class="airo-process-step__marker flex shrink-0 flex-col items-center gap-2 max-sm:gap-0">
1287                <svg class="mb-2 h-10 w-10 max-sm:hidden sm:h-12 sm:w-12" viewBox="0 0 24 24" fill="none"
1288                  aria-hidden="true">
1289                  <defs>
1290                    <linearGradient id="airo-process-grad-5" x1="0" y1="0" x2="24" y2="24"
1291                      gradientUnits="userSpaceOnUse">
1292                      <stop stop-color="#0A2463" />
1293                      <stop offset="1" stop-color="#E11D48" />
1294                    </linearGradient>
1295                  </defs>
1296                  <path d="M20 7 10.5 16.5 6 12" stroke="url(#airo-process-grad-5)" stroke-width="1.55"
1297                    stroke-linecap="round" stroke-linejoin="round" />
1298                  <path d="M12 22a10 10 0 1 1 0-20 10 10 0 0 1 0 20Z" stroke="url(#airo-process-grad-5)"
1299                    stroke-width="1.35" />
1300                </svg>
1301                <span
1302                  class="step-badge inline-flex h-11 w-11 items-center justify-center rounded-full border border-navy/10 bg-white font-display text-base font-bold text-navy shadow-sm max-sm:h-9 max-sm:w-9 max-sm:text-sm">
1303                  5
1304                </span>
1305              </div>
1306              <div class="airo-process-step__body min-w-0 flex-1 max-sm:text-left">
1307                <p class="font-display text-sm font-semibold leading-snug text-navy sm:text-[15px]">You receive your
1308                  compensation within 21 days</p>
1309              </div>
1310            </div>
1311          </li>
1312        </ol>
1313      </div>
1314    </section>
1315    <!-- Section: Transparency -->
1316    <section id="transparency" class="transparency-panel">
1317      <div class="transparency-panel__inner">
1318        <div class="transparency-panel__content">
1319          <div class="transparency-panel__copy-block">
1320          <p class="transparency-panel__eyebrow">
1321            <span aria-hidden="true">
1322              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
1323                stroke-linejoin="round">
1324                <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" />
1325                <path d="m9 12 2 2 4-4" />
1326              </svg>
1327            </span>
1328            NO WIN · NO FEE
1329          </p>
1330          <h2 class="transparency-panel__title font-display text-3xl font-bold leading-tight text-balance text-navy sm:text-4xl lg:text-5xl">Clear Pricing. Zero Guesswork.</h2>
1331          <p class="transparency-panel__copy">
1332            Submit your claim for free. Our success fee applies only after we recover compensation for you.
1333          </p>
1334
1335          <div class="transparency-pricing-points" aria-label="Pricing guarantees">
1336            <div class="transparency-pricing-point">
1337              <span class="transparency-pricing-point__icon" aria-hidden="true">
1338                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
1339                  <rect x="3" y="5" width="18" height="14" rx="2" />
1340                  <path d="M3 9h18" />
1341                </svg>
1342              </span>
1343              <span class="transparency-pricing-point__text">No upfront cost</span>
1344            </div>
1345            <div class="transparency-pricing-point" role="separator" aria-hidden="true"></div>
1346            <div class="transparency-pricing-point">
1347              <span class="transparency-pricing-point__icon" aria-hidden="true">
1348                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
1349                  <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" />
1350                  <path d="m9 12 2 2 4-4" />
1351                </svg>
1352              </span>
1353              <span class="transparency-pricing-point__text">No payout, no charge</span>
1354            </div>
1355          </div>
1356          </div>
1357
1358          <aside class="transparency-panel__fee" aria-label="Success fee">
1359            <div class="transparency-fee-showcase transparency-fee-showcase--side">
1360              <article class="transparency-fee-showcase__hero transparency-fee-showcase__hero--panel">
1361                <p class="transparency-fee-showcase__label">Our fee</p>
1362                <span class="transparency-fee-showcase__rule" aria-hidden="true"></span>
1363                <p class="transparency-fee-showcase__value" aria-label="25 percent plus applicable taxes">25<span>%</span></p>
1364                <p class="transparency-fee-showcase__tax-note">+ applicable taxes</p>
1365              </article>
1366            </div>
1367          </aside>
1368        </div>
1369
1370        <div class="transparency-panel__visual" aria-label="AiroRight passenger support">
1371          <img src="assets/img/home-airo-1.jpg" alt="Passenger checking AiroRight claim updates at the airport"
1372            loading="lazy" decoding="async" />
1373        </div>
1374      </div>
1375    </section>
1376    <!-- Section: AiroNews (external links open in new tab) -->
1377    <section id="updates"
1378      class="relative border-b border-navy/10 bg-gradient-to-b from-white to-surface/90 py-12 sm:py-16 lg:py-20">
1379      <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
1380        <div class="mb-8 flex flex-col gap-4 sm:mb-10 sm:flex-row sm:items-end sm:justify-between">
1381          <div>
1382            <p class="mb-2 text-xs font-semibold uppercase tracking-[0.12em] text-navy/55 font-display">AiroNews</p>
1383            <h2
1384              class="mb-0 font-display text-3xl font-bold leading-tight text-balance text-navy sm:text-4xl lg:text-5xl">
1385              Aviation Updates That Matter
1386            </h2>
1387          </div>
1388          <button type="button" data-nav="news"
1389            class="shrink-0 text-left text-sm font-semibold text-brand hover:text-brand/85 focus-visible:ring-2 focus-visible:ring-brand/25 sm:text-right font-display">
1390            View all AiroNews →
1391          </button>
1392        </div>
1393        <div id="landing-news-grid" class="grid grid-cols-1 gap-4 sm:grid-cols-2 sm:gap-5 lg:grid-cols-4">
1394          <p id="landing-news-status" class="col-span-full text-sm text-navy/65">Loading AiroNews…</p>
1395        </div>
1396      </div>
1397    </section>
1398
1399    <!-- Section: FAQ -->
1400    <section id="faq" class="relative border-b border-navy/10 bg-white py-12 sm:py-16 lg:py-20" aria-labelledby="landing-faq-heading" itemscope itemtype="https://schema.org/FAQPage">
1401      <div class="mx-auto max-w-4xl px-4 sm:px-6 lg:px-8">
1402        <div class="mb-8 text-center sm:mb-10">
1403          <p class="mb-2 text-xs font-semibold uppercase tracking-[0.12em] text-navy/55 font-display">FAQ</p>
1404          <h2 id="landing-faq-heading" class="font-display text-3xl font-bold leading-tight text-balance text-navy sm:text-4xl">
1405            Frequently asked questions
1406          </h2>
1407          <p class="mx-auto mt-4 max-w-2xl text-sm leading-relaxed text-navy/70 sm:text-base">
1408            Quick answers to the questions passengers ask most before filing a claim.
1409          </p>
1410        </div>
1411        <div class="airo-landing-faq">
1412          <details class="airo-landing-faq__item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
1413            <summary class="airo-landing-faq__summary">
1414              <span class="airo-landing-faq__question" itemprop="name">Why won&rsquo;t the airline just pay me directly?</span>
1415              <svg class="airo-landing-faq__chevron" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
1416                <path d="m6 9 6 6 6-6" stroke-linecap="round" stroke-linejoin="round" />
1417              </svg>
1418            </summary>
1419            <div itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
1420            <p class="airo-landing-faq__answer" itemprop="text">
1421              Airlines are not always proactive about paying compensation. Many passengers never receive what they are owed because the process is confusing, time-consuming, or simply ignored. AiroRight handles the claim on your behalf. You only pay when we recover compensation for you. Our fee is 25% + applicable taxes.
1422            </p>
1423            </div>
1424          </details>
1425          <details class="airo-landing-faq__item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
1426            <summary class="airo-landing-faq__summary">
1427              <span class="airo-landing-faq__question" itemprop="name">How far back can I claim?</span>
1428              <svg class="airo-landing-faq__chevron" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
1429                <path d="m6 9 6 6 6-6" stroke-linecap="round" stroke-linejoin="round" />
1430              </svg>
1431            </summary>
1432            <div itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
1433            <p class="airo-landing-faq__answer" itemprop="text">
1434              In India, you can typically claim for flights disrupted within the last two years. For EU261-covered flights, the limitation period varies by country but is often up to two to six years. File your claim as soon as possible - the sooner you start, the easier it is to gather evidence.
1435            </p>
1436            </div>
1437          </details>
1438          <details class="airo-landing-faq__item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
1439            <summary class="airo-landing-faq__summary">
1440              <span class="airo-landing-faq__question" itemprop="name">How long does it take to receive compensation?</span>
1441              <svg class="airo-landing-faq__chevron" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
1442                <path d="m6 9 6 6 6-6" stroke-linecap="round" stroke-linejoin="round" />
1443              </svg>
1444            </summary>
1445            <div itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
1446            <p class="airo-landing-faq__answer" itemprop="text">
1447              Once the airline disburses payment, you receive your compensation within 7 days. Complex cases involving airline disputes may take longer overall. You can track your claim progress anytime from your passenger dashboard after signing in.
1448            </p>
1449            </div>
1450          </details>
1451          <details class="airo-landing-faq__item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
1452            <summary class="airo-landing-faq__summary">
1453              <span class="airo-landing-faq__question" itemprop="name">What documents do I need to submit?</span>
1454              <svg class="airo-landing-faq__chevron" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
1455                <path d="m6 9 6 6 6-6" stroke-linecap="round" stroke-linejoin="round" />
1456              </svg>
1457            </summary>
1458            <div itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
1459            <p class="airo-landing-faq__answer" itemprop="text">
1460              To start, you only need your flight details and PNR. Depending on your case, we may request a boarding pass, ticket confirmation, or baggage report (PIR). We will tell you exactly what is needed - no guesswork.
1461            </p>
1462            </div>
1463          </details>
1464          <details class="airo-landing-faq__item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
1465            <summary class="airo-landing-faq__summary">
1466              <span class="airo-landing-faq__question" itemprop="name">What if my flight was delayed due to extraordinary circumstances?</span>
1467              <svg class="airo-landing-faq__chevron" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
1468                <path d="m6 9 6 6 6-6" stroke-linecap="round" stroke-linejoin="round" />
1469              </svg>
1470            </summary>
1471            <div itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
1472            <p class="airo-landing-faq__answer" itemprop="text">
1473              Airlines often cite weather, security, or air-traffic decisions to avoid paying. We review the facts against applicable rules and airline records - share any proof you have (emails, screenshots, boarding times) so we can assess your position fairly.
1474            </p>
1475            </div>
1476          </details>
1477        </div>
1478        <p class="mt-6 text-center text-sm text-navy/65">
1479          Need more help? Visit our <a href="help-center" class="font-semibold text-brand hover:underline">help center</a> or <a href="contact" class="font-semibold text-brand hover:underline">contact us</a>.
1480        </p>
1481      </div>
1482    </section>
1483
1484      <!-- Passenger rights guide: lead capture (guests only) -->
1485  <div id="rightsGuideLeadModal" class="airo-modal hidden" role="dialog" aria-modal="true"
1486    aria-labelledby="rightsGuideLeadTitle">
1487    <div id="rightsGuideLeadBackdrop" class="airo-modal__backdrop"></div>
1488    <div class="airo-modal__panel max-w-md">
1489      <div class="airo-modal__header py-4 px-6 sm:px-8">
1490        <div>
1491          <div id="rightsGuideLeadTitle" class="airo-modal__title font-display text-xl sm:text-2xl">Download the guide</div>
1492          <div class="airo-modal__subtitle">Enter your details below and we&rsquo;ll start your download.</div>
1493        </div>
1494        <button id="rightsGuideLeadClose" type="button" class="airo-modal__close" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="airo-icon-close" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" /></svg></button>
1495      </div>
1496      <form id="rightsGuideLeadForm" class="space-y-4 px-6 sm:px-8 pb-8" novalidate onsubmit="return false;">
1497        <div id="rightsGuideLeadError" class="hidden rounded-xl border border-rose-200 bg-rose-50 px-3 py-2 text-sm text-rose-700" role="alert"></div>
1498        <div>
1499          <label for="rightsGuideLeadName" class="block mb-1.5 text-sm font-medium text-white">Full name <span class="text-rose-500">*</span></label>
1500          <input id="rightsGuideLeadName" type="text" autocomplete="name" required maxlength="200"
1501            class="airo-modal__input" placeholder="As on your booking" />
1502        </div>
1503        <div>
1504          <label for="rightsGuideLeadEmail" class="block mb-1.5 text-sm font-medium text-white">Email <span class="text-rose-500">*</span></label>
1505          <input id="rightsGuideLeadEmail" type="email" autocomplete="email" required
1506            class="airo-modal__input" placeholder="[email protected]" />
1507        </div>
1508        <div class="airo-phone-field">
1509          <label for="rightsGuideLeadPhone" class="block mb-1.5 text-sm font-medium text-white">Phone <span class="text-rose-500">*</span></label>
1510          <div class="airo-phone-field__row flex gap-3 items-stretch">
1511            <select id="rightsGuideLeadPhoneCc" class="airo-phone-field__cc airo-modal__input w-[6.5rem] shrink-0 px-3 text-xs">
1512              <option value="91">+91 IN</option>
1513              <option value="44">+44 UK</option>
1514              <option value="31">+31 NL</option>
1515              <option value="1">+1 US-CA</option>
1516              <option value="971">+971 UAE</option>
1517              <option value="65">+65 SG</option>
1518              <option value="60">+60 MY</option>
1519              <option value="61">+61 AU</option>
1520            </select>
1521            <input id="rightsGuideLeadPhone" type="tel" autocomplete="tel-national" required
1522              class="airo-phone-field__national airo-modal__input min-w-0 flex-1" placeholder="Phone number" />
1523          </div>
1524        </div>
1525        <p class="text-xs leading-relaxed text-navy/60">We use your details to share the guide and occasional passenger-rights updates. See our Privacy Policy.</p>
1526        <button id="rightsGuideLeadSubmit" type="submit" class="airo-modal__primary w-full">
1527          Download guide
1528        </button>
1529      </form>
1530    </div>
1531  </div>
1532
1533    <!-- Circular PDF download progress overlay -->
1534    <div id="pdfProgressOverlay" class="pdf-progress-overlay hidden" aria-live="polite">
1535    <div class="pdf-progress-card">
1536      <svg class="pdf-progress-ring" viewBox="0 0 80 80">
1537        <circle class="pdf-progress-ring__track" cx="40" cy="40" r="34" />
1538        <circle id="pdfProgressArc" class="pdf-progress-ring__arc" cx="40" cy="40" r="34" />
1539      </svg>
1540      <span id="pdfProgressPct" class="pdf-progress-pct">0%</span>
1541      <span class="pdf-progress-label">Generating PDF…</span>
1542    </div>
1543  </div>
1544
1545    <footer class="border-t border-white/10 bg-navy">
1546  <div class="mx-auto max-w-7xl px-4 py-10 sm:px-6 sm:py-12 lg:px-8">
1547    <div
1548      class="flex flex-col items-center gap-8 text-center md:flex-row md:items-start md:justify-between md:text-left">
1549      <div class="mx-auto w-full max-w-md shrink-0 md:mx-0">
1550        <div class="mb-4 flex items-center justify-center gap-2 sm:gap-3 md:justify-start">
1551          <img src="assets/img/logo-light.svg" alt="AiroRight" class="h-7 w-auto select-none sm:h-8" loading="lazy" decoding="async" />
1552        </div>
1553        <p class="text-sm leading-relaxed text-white/80">
1554          AiroRight helps air passengers understand where they stand and take the right next step when travel is
1555          disrupted
1556        </p>
1557      </div>
1558      <div class="airo-site-footer__links-row md:max-w-xl lg:max-w-2xl">
1559        <nav class="flex flex-col items-center md:items-start" aria-label="Follow us">
1560          <p class="mb-3 text-xs font-semibold uppercase tracking-wide text-white/55">Follow us</p>
1561          <ul class="flex flex-row items-center justify-center gap-4 text-white/80 md:justify-start">
1562            <li>
1563              <a href="https://www.instagram.com/airoright.official/" target="_blank" rel="noopener noreferrer"
1564                class="inline-flex items-center justify-center transition-colors hover:text-white"
1565                aria-label="Instagram">
1566                <span class="sr-only">Instagram</span>
1567                <svg aria-hidden="true" viewBox="0 0 24 24" class="h-5 w-5">
1568                  <path fill="currentColor"
1569                    d="M7.8 2h8.4A5.8 5.8 0 0 1 22 7.8v8.4A5.8 5.8 0 0 1 16.2 22H7.8A5.8 5.8 0 0 1 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2Zm0 2A3.8 3.8 0 0 0 4 7.8v8.4A3.8 3.8 0 0 0 7.8 20h8.4a3.8 3.8 0 0 0 3.8-3.8
1569V7.8A3.8 3.8 0 0 0 16.2 4H7.8Zm4.2 3.5a4.5 4.5 0 1 1 0 9a4.5 4.5 0 0 1 0-9Zm0 2a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5ZM17.6 6.9a.9.9 0 1 1 0 1.8a.9.9 0 0 1 0-1.8Z" />
1570                </svg>
1571              </a>
1572            </li>
1573            <li>
1574              <a href="https://www.linkedin.com/company/airoright/about/" target="_blank" rel="noopener noreferrer"
1575                class="inline-flex items-center justify-center transition-colors hover:text-white"
1576                aria-label="LinkedIn">
1577                <span class="sr-only">LinkedIn</span>
1578                <svg aria-hidden="true" viewBox="0 0 24 24" class="h-5 w-5">
1579                  <path fill="currentColor"
1580                    d="M4.98 3.5C3.88 3.5 3 4.38 3 5.48c0 1.1.88 1.98 1.98 1.98c1.1 0 1.98-.88 1.98-1.98C6.96 4.38 6.08 3.5 4.98 3.5ZM3.5 8.5h3v12h-3v-12Zm5.5 0h2.9v1.64h.04c.4-.76 1.38-1.56 2.84-1.56c3.04 0 3.6 2 3.6 4.6v7.32h-3v-6.5c0-1.55-.03-3.55-2.16-3.55c-2.16 0-2.49 1.69-2.49 3.44v6.61h-3v-12Z" />
1581                </svg>
1582              </a>
1583            </li>
1584            <li>
1585              <a href="https://www.facebook.com/profile.php?id=61568007958601" target="_blank" rel="noopener noreferrer"
1586                class="inline-flex items-center justify-center transition-colors hover:text-white"
1587                aria-label="Facebook">
1588                <span class="sr-only">Facebook</span>
1589                <svg aria-hidden="true" viewBox="0 0 24 24" class="h-5 w-5">
1590                  <path fill="currentColor"
1591                    d="M13.5 22v-8h2.7l.4-3h-3.1V9.1c0-.87.24-1.46 1.5-1.46H16.7V5c-.3-.04-1.33-.13-2.53-.13c-2.5 0-4.2 1.52-4.2 4.31V11H7.5v3h2.5v8h3.5Z" />
1592                </svg>
1593              </a>
1594            </li>
1595          </ul>
1596        </nav>
1597        <div class="flex flex-col items-center md:items-start">
1598          <p class="mb-3 text-xs font-semibold uppercase tracking-wide text-white/55">Contact us</p>
1599          <ul class="space-y-2 text-sm text-white/75">
1600            <li>
1601              <a href="https://wa.me/918796322382?text=Hey%2C%20I%20need%20help%20with%20filing%20a%20claim." target="_blank" rel="noopener noreferrer" class="transition-colors hover:text-white">WhatsApp</a>
1602            </li>
1603            <li>
1604              <a href="https://wa.me/918796322382" target="_blank" rel="noopener noreferrer" class="transition-colors hover:text-white">Call</a>
1605            </li>
1606            <li>
1607              <a href="/cdn-cgi/l/email-protection#5e2d2b2e2e312c2a1e3f372c312c3739362a703d3133" class="transition-colors hover:text-white">Email</a>
1608            </li>
1609          </ul>
1610        </div>
1611        <div class="flex flex-col items-center md:items-start">
1612          <p class="mb-3 text-xs font-semibold uppercase tracking-wide text-white/55">Help center</p>
1613          <a href="help-center" class="text-sm text-white/75 transition-colors hover:text-white">Browse guides &amp; support</a>
1614        </div>
1615      </div>
1616    </div>
1617    <nav class="airo-site-footer__legal flex flex-col items-center text-center md:items-start md:text-left"
1618      aria-label="Legal">
1619      <p class="mb-3 text-xs font-semibold uppercase tracking-wide text-white/55">Legal</p>
1620      <ul
1621        class="flex flex-col items-center gap-2.5 text-sm text-white/75 sm:flex-row sm:flex-wrap sm:justify-center sm:gap-x-8 sm:gap-y-2 md:justify-start">
1622        <li>
1623          <a href="privacy-policy" class="transition-colors hover:text-white">Privacy Policy</a>
1624        </li>
1625        <li>
1626          <a href="terms-of-service" class="transition-colors hover:text-white">Terms of Service</a>
1627        </li>
1628        <li>
1629          <a href="cookie-policy" class="transition-colors hover:text-white">Cookie Policy</a>
1630        </li>
1631        <li>
1632          <a href="refund-policy" class="transition-colors hover:text-white">Refund Policy</a>
1633        </li>
1634        <li>
1635          <a href="terms-and-conditions" class="transition-colors hover:text-white">Terms and Conditions</a>
1636        </li>
1637      </ul>
1638    </nav>
1639    <div class="border-t border-white/10 mt-8 pt-8 text-sm text-center text-white/75">
1640
1641      <p>
vendor: 117 bytes, lines 1641-1642
1641
1642        <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
1642<script>document.write(new Date().getFullYear())</script>
1642 <strong>AiroRight</strong>. All rights reserved.
1643      </p>
1644
1645      <p>
1646        All website content including branding, graphics, text, layouts, software, and designs are owned by or licensed
1647        to Airoright unless otherwise stated.
1648      </p>
1649
1650      <p>
1651        Unauthorized copying, reproduction, or commercial use is prohibited without prior written permission.
1652      </p>
1653
1654      <p>
1655        Airline names and trademarks remain the property of their respective owners.
1656      </p>
1657
1658    </div>
1659  </div>
1660</footer></main>
1661
1662    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/flatpickr.min.css" />
1663<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/flatpickr.min.js" defer></script>
1663
1664    
1664<script id="airo-app-script" src="/assets/js/script.js?v=1790157033" defer></script>
1664
1665  
1665<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"5fd304ab8cec471ea18e0d5b33a5c70e","r":1,"spa":2}' crossorigin="anonymous"></script>
1665
1666</body>
1667</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.