:root{--navy:#00163D;--blue:#2A69C2;--blue-d:#1D4E96;--tint:#EAF1FB;--navy-t:#E7EAF1;--surface:#F6F8FB;--border:#DFE6F0; --text:#0F1D33;--gray:#5A6B82;--light:#93A3B8;--green:#2F6B4F;--green-t:#EDF5F0;--gold:#C8B79E;--r:18px;--shadow:0 10px 30px -12px rgba(0,22,61,.18)} *{box-sizing:border-box;margin:0;padding:0} html{scroll-behavior:smooth;-webkit-text-size-adjust:100%} body{font-family:Manrope,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--text);background:#fff;line-height:1.6;font-size:17px} img,svg{display:block;max-width:100%} a{color:var(--blue);text-decoration:none} .wrap{max-width:1160px;margin:0 auto;padding:0 20px} /* header */ header.top{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--border)} .nav{display:flex;align-items:center;justify-content:space-between;height:68px;gap:16px} .brand{display:flex;align-items:center;gap:10px} .brand img.sym{width:34px;height:34px} .brand img.wm{height:20px;width:auto} .nav nav{display:flex;gap:26px;align-items:center} .nav nav a{color:var(--text);font-weight:600;font-size:15px} .nav nav a:hover{color:var(--blue)} .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;font-weight:700;font-size:15px;padding:12px 20px;transition:.2s} .btn.primary{background:var(--blue);color:#fff} .btn.primary:hover{background:var(--blue-d)} .btn.ghost{border:1.5px solid var(--border);color:var(--navy);background:#fff} .menu-btn{display:none;background:none;border:0;padding:8px;cursor:pointer} @media(max-width:860px){.nav nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;flex-direction:column;align-items:flex-start;padding:18px 20px;border-bottom:1px solid var(--border);gap:16px} .nav nav.open{display:flex}.menu-btn{display:block}.brand img.wm{height:17px}} /* hero */ .hero{background:radial-gradient(120% 120% at 85% 10%,#1D4E96 0%,#00163D 55%,#000E29 100%);color:#fff;overflow:hidden;position:relative} .hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(180deg,#000,transparent)} .hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding-top:72px;padding-bottom:72px;position:relative} .eyebrow{display:inline-flex;gap:8px;align-items:center;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#BFD4F2;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);padding:7px 14px;border-radius:999px} .hero h1{font-size:clamp(34px,5vw,56px);line-height:1.08;font-weight:800;letter-spacing:-.02em;margin:20px 0 18px} .hero h1 em{font-style:normal;color:#8DB8F2} .hero p.lead{font-size:clamp(17px,1.6vw,19px);color:#C9D6EA;max-width:560px} .hero .ctas{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:30px} .play{display:inline-flex;align-items:center;gap:12px;background:#000;color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:12px;padding:9px 18px 9px 14px;min-height:56px} .play span{display:flex;flex-direction:column;line-height:1.1;font-size:20px;font-weight:700} .play small{font-size:10.5px;font-weight:600;letter-spacing:.06em;opacity:.85} .play.light{border-color:#000} .hero .btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)} .trust-row{display:flex;flex-wrap:wrap;gap:20px;margin-top:34px;color:#BFD0E8;font-size:14.5px;font-weight:600} .trust-row span{display:flex;align-items:center;gap:8px} .trust-row i{width:20px;height:20px;border-radius:50%;background:rgba(141,184,242,.18);display:grid;place-items:center;font-style:normal;color:#8DB8F2;font-size:12px} /* phone mockup */ .phone{width:300px;margin:0 auto;background:#0B1020;border-radius:44px;padding:12px;box-shadow:0 40px 80px -20px rgba(0,0,0,.6),0 0 0 2px rgba(255,255,255,.08) inset;position:relative} .phone:before{content:"";position:absolute;top:20px;left:50%;transform:translateX(-50%);width:90px;height:22px;border-radius:12px;background:#0B1020;z-index:3} .screen{background:var(--surface);border-radius:34px;overflow:hidden;height:600px;color:var(--text);font-size:12px} .s-top{background:#fff;padding:44px 16px 12px;border-bottom:1px solid var(--border)} .s-row{display:flex;justify-content:space-between;align-items:center} .s-city{font-weight:800;font-size:15px;color:var(--navy)}.s-city small{display:block;font-size:10px;color:var(--gray);font-weight:600} .s-avatar{width:30px;height:30px;border-radius:50%;background:var(--tint);display:grid;place-items:center} .s-search{margin-top:12px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px 12px;color:var(--light);font-weight:600;display:flex;gap:8px;align-items:center} .s-chips{display:flex;gap:6px;padding:12px 16px 4px;overflow:hidden} .s-chip{white-space:nowrap;border:1px solid var(--border);background:#fff;border-radius:999px;padding:5px 10px;font-weight:700;color:var(--gray);font-size:10.5px} .s-chip.on{background:var(--navy);color:#fff;border-color:var(--navy)} .s-card{background:#fff;margin:10px 16px;border:1px solid var(--border);border-radius:16px;overflow:hidden} .s-img{height:112px;position:relative} .s-img.a{background:linear-gradient(135deg,#C9D9F1,#8FB0DE)} .s-img.b{background:linear-gradient(135deg,#E9DFCF,#C8B79E)} .s-img svg{position:absolute;right:12px;bottom:10px;opacity:.85} .s-badge{position:absolute;left:10px;top:10px;background:#fff;color:var(--navy);font-weight:800;font-size:9.5px;border-radius:999px;padding:4px 8px} .s-badge.f{background:var(--navy);color:#fff} .s-ex{position:absolute;right:10px;top:10px;background:rgba(0,22,61,.62);color:#fff;font-weight:700;font-size:9px;letter-spacing:.04em;border-radius:999px;padding:4px 8px} .s-body{padding:10px 12px 12px} .s-price{font-weight:800;font-size:15px;color:var(--navy)}.s-price small{font-size:10px;color:var(--gray);font-weight:600} .s-title{font-weight:700;margin-top:2px}.s-loc{color:var(--gray);font-size:10.5px} .s-tags{display:flex;gap:5px;margin-top:8px}.s-tags span{background:var(--surface);border-radius:6px;padding:3px 6px;font-size:9.5px;font-weight:700;color:var(--gray)} .s-tab{display:flex;justify-content:space-around;background:#fff;border-top:1px solid var(--border);padding:10px 0 16px;position:relative;top:4px;font-size:9.5px;font-weight:700;color:var(--light)} .s-tab b{color:var(--blue)} /* sections */ section{padding:88px 0} .sec-head{text-align:center;max-width:720px;margin:0 auto 48px} .sec-head .kicker{color:var(--blue);font-weight:800;font-size:13px;letter-spacing:.1em;text-transform:uppercase} .sec-head h2{font-size:clamp(28px,3.4vw,40px);line-height:1.15;letter-spacing:-.015em;color:var(--navy);margin:10px 0 12px;font-weight:800} .sec-head p{color:var(--gray)} .alt{background:var(--surface)} .two{display:grid;grid-template-columns:1fr 1fr;gap:24px} .panel{background:#fff;border:1px solid var(--border);border-radius:24px;padding:34px;box-shadow:var(--shadow)} .panel h3{font-size:24px;color:var(--navy);display:flex;gap:12px;align-items:center;margin-bottom:6px} .panel .tag{font-size:12px;font-weight:800;background:var(--tint);color:var(--blue);border-radius:999px;padding:4px 10px} .panel>p{color:var(--gray);margin-bottom:22px} .steps{list-style:none;display:grid;gap:18px;counter-reset:s} .steps li{display:grid;grid-template-columns:40px 1fr;gap:14px;counter-increment:s} .steps li:before{content:counter(s);width:40px;height:40px;border-radius:12px;background:var(--navy);color:#fff;font-weight:800;display:grid;place-items:center} .steps b{display:block;color:var(--navy)}.steps span{color:var(--gray);font-size:15.5px} .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px} .feat{background:#fff;border:1px solid var(--border);border-radius:var(--r);padding:26px} .feat .ic{width:46px;height:46px;border-radius:14px;background:var(--tint);display:grid;place-items:center;margin-bottom:16px} .feat h3{font-size:18px;color:var(--navy);margin-bottom:6px}.feat p{color:var(--gray);font-size:15.5px} .cities{display:grid;grid-template-columns:repeat(4,1fr);gap:14px} .city{background:#fff;border:1px solid var(--border);border-radius:16px;padding:20px;display:flex;align-items:center;gap:12px;font-weight:800;color:var(--navy)} .city i{width:38px;height:38px;border-radius:12px;background:var(--navy-t);display:grid;place-items:center;font-style:normal} .city small{display:block;color:var(--gray);font-weight:600;font-size:12.5px} .offer{background:linear-gradient(120deg,#00163D,#1D4E96);color:#fff;border-radius:28px;padding:44px;display:grid;grid-template-columns:1.4fr 1fr;gap:30px;align-items:center} .offer h2{font-size:clamp(26px,3vw,36px);line-height:1.15;margin:10px 0} .offer p{color:#C9D6EA} .offer .big{font-size:64px;font-weight:800;line-height:1;color:#8DB8F2} .offer .fine{font-size:13px;color:#9FB3D1;margin-top:12px} .dl{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:28px;padding:44px;box-shadow:var(--shadow)} .dl h2{font-size:clamp(26px,3vw,36px);color:var(--navy);line-height:1.15;margin-bottom:10px} .dl p{color:var(--gray);margin-bottom:22px} .qr{background:#fff;border:1px solid var(--border);border-radius:20px;padding:14px;text-align:center;font-size:13px;font-weight:700;color:var(--gray)} .qr svg{width:180px;height:180px;margin:0 auto 6px} .faq{max-width:820px;margin:0 auto} .faq details{background:#fff;border:1px solid var(--border);border-radius:16px;padding:18px 22px;margin-bottom:12px} .faq summary{cursor:pointer;font-weight:700;color:var(--navy);list-style:none;display:flex;justify-content:space-between;gap:16px} .faq summary::-webkit-details-marker{display:none} .faq summary:after{content:"+";font-size:22px;line-height:1;color:var(--blue)} .faq details[open] summary:after{content:"–"} .faq details p{color:var(--gray);margin-top:10px} .page-hero{background:linear-gradient(180deg,var(--surface),#fff);padding:72px 0 30px;text-align:center} .page-hero h1{font-size:clamp(32px,4.4vw,50px);color:var(--navy);line-height:1.1;letter-spacing:-.02em;font-weight:800;max-width:860px;margin:12px auto} .page-hero p{color:var(--gray);max-width:680px;margin:0 auto} .page-hero .ctas{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:26px} .crumb{font-size:14px;color:var(--gray)}.crumb a{color:var(--gray)} .prose{max-width:760px;margin:0 auto}.prose h2{color:var(--navy);font-size:24px;margin:28px 0 8px}.prose p,.prose li{color:var(--gray)}.prose ul{padding-left:20px} footer{background:var(--navy);color:#B7C6DE;padding:56px 0 30px;font-size:15px} footer .cols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px} footer h4{color:#fff;font-size:14px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px} footer a{color:#B7C6DE;display:block;margin:6px 0}footer a:hover{color:#fff} footer .legal{border-top:1px solid rgba(255,255,255,.12);margin-top:36px;padding-top:20px;font-size:13px;color:#8A9BB8;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap} @media(max-width:960px){.hero .wrap,.two,.offer,.dl{grid-template-columns:1fr}.grid3{grid-template-columns:1fr 1fr}.cities{grid-template-columns:repeat(2,1fr)}footer .cols{grid-template-columns:1fr 1fr}.phone{transform:scale(.92)}} @media(max-width:600px){section{padding:64px 0}.grid3{grid-template-columns:1fr}.panel,.offer,.dl{padding:26px}.hero .wrap{padding-top:48px}.dl .qr{display:none}footer .cols{grid-template-columns:1fr}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}} /* Diwali 2026 strip */ .diwali{position:relative;overflow:hidden;color:#fff;background:linear-gradient(100deg,#00163D 0%,#2A0E2E 55%,#4A1A12 100%);border-bottom:1px solid rgba(200,183,158,.35)} .diwali[hidden]{display:none} .dw-in{display:flex;align-items:center;gap:18px;min-height:64px;position:relative;z-index:1} .dw-lamps{display:flex;gap:10px;flex:none} .diya{position:relative;display:block;width:40px;height:30px;padding-top:12px} .diya svg{position:absolute;bottom:0;left:0} .diya .fl{position:absolute;left:50%;bottom:13px;width:10px;height:16px;margin-left:-5px;border-radius:50% 50% 45% 45%/60% 60% 40% 40%; background:radial-gradient(circle at 50% 70%,#FFF6D6 0%,#FFC53D 40%,#F2731D 80%,rgba(242,115,29,0) 100%); box-shadow:0 0 14px 4px rgba(255,170,40,.55);transform-origin:50% 100%;animation:dwFlicker 1.6s ease-in-out infinite;animation-delay:inherit} .dw-txt{flex:1;min-width:0;line-height:1.3} .dw-txt b{display:block;font-size:15.5px;font-weight:800;letter-spacing:.01em; background:linear-gradient(90deg,#F4E6C8,#C8B79E,#FFE6A8,#C8B79E,#F4E6C8);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:dwShine 6s linear infinite} .dw-txt span{font-size:13px;color:rgba(255,255,255,.75)} .dw-cta{flex:none;color:#00163D;background:#C8B79E;font-weight:800;font-size:13.5px;padding:9px 16px;border-radius:999px;transition:.2s} .dw-cta:hover{background:#E8D9BF} .dw-sparks{position:absolute;inset:0;z-index:0;pointer-events:none} .dw-sparks i{position:absolute;bottom:-6px;width:4px;height:4px;border-radius:50%;background:#FFD27A;box-shadow:0 0 8px 2px rgba(255,200,90,.7);opacity:0;animation:dwRise 4.2s ease-in infinite} @keyframes dwFlicker{0%,100%{transform:scale(1,1) rotate(-2deg)}25%{transform:scale(.92,1.08) rotate(2deg)}50%{transform:scale(1.05,.95) rotate(-1deg)}75%{transform:scale(.96,1.06) rotate(1.5deg)}} @keyframes dwShine{to{background-position:-200% 0}} @keyframes dwRise{0%{transform:translateY(0) scale(.6);opacity:0}15%{opacity:1}100%{transform:translateY(-70px) scale(1);opacity:0}} @media(max-width:640px){.dw-in{gap:12px;min-height:58px;padding-top:8px;padding-bottom:8px}.dw-lamps .diya:nth-child(n+2){display:none}.dw-txt b{font-size:14px;line-height:1.3}.dw-txt span{display:none}.dw-cta{padding:8px 12px;font-size:12.5px}} @media(prefers-reduced-motion:reduce){.diya .fl,.dw-txt b,.dw-sparks i{animation:none}.dw-sparks{display:none}}