/* Home page sections */
.fd-hsec__head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-4)}.fd-hsec__head h2{margin:0}.fd-hsec__head p{margin:4px 0 0;color:var(--fd-text-muted)}
.fd-hsec__more{flex:none;font-weight:600;font-size:var(--fs-sm);text-decoration:none}
/* ---- scroll rails: two rows, scroll sideways by hand ---- */
.fd-railw{position:relative}
.fd-rail{container-type:inline-size;--gap:12px;--n:2.4;--rows:2;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:thin;padding:12px 12px 14px 2px;margin:-8px -12px 0 -2px;-webkit-overflow-scrolling:touch}
[data-rows="auto"] .fd-rail{--rows:1}
.fd-rail:focus-visible{outline:3px solid var(--fd-primary);outline-offset:2px;border-radius:var(--r-md)}
.fd-rail__grid{display:grid;grid-auto-flow:column;grid-template-rows:repeat(var(--rows,2),auto);gap:var(--gap);align-items:start;grid-auto-columns:calc((100cqw - (var(--n) - 1) * var(--gap)) / var(--n))}
.fd-rail__grid>*{scroll-snap-align:start;min-width:0}
.fd-rail__btn{position:absolute;top:50%;z-index:3;width:44px;height:44px;margin-top:-30px;border-radius:50%;border:1px solid var(--fd-border);background:var(--fd-surface);color:var(--fd-text-strong);font:400 26px/1 var(--fd-font);box-shadow:var(--fd-shadow);cursor:pointer;display:none;place-items:center;padding:0 0 3px}
.fd-rail__btn--prev{left:-14px}.fd-rail__btn--next{right:-14px}.fd-rail__btn:hover{background:var(--fd-primary);color:var(--fd-on-primary);border-color:var(--fd-primary)}
@media(min-width:900px){.fd-rail__btn:not([hidden]){display:grid}}
@media(min-width:600px){.fd-rail{--n:3.4;--gap:14px}}@media(min-width:900px){.fd-rail{--n:4.4}}
.fd-railw.is-few .fd-rail__grid{justify-content:center}
/* small service card inside the rail */
.fd-svc--sm{padding:12px;border-radius:14px}.fd-svc--sm .fd-svc__name{font-size:14px;line-height:1.3;margin:0 0 6px}.fd-svc--sm .fd-svc__rate{font-size:12px;margin:0 0 4px}
.fd-svc--sm .fd-svc__foot{flex-direction:column;align-items:stretch;gap:8px;padding-top:8px}.fd-svc--sm .fd-svc__price strong{font-size:16px}.fd-svc--sm .fd-svc__price s{font-size:12px}.fd-svc--sm .fd-btn,.fd-svc--sm .fd-add{min-height:38px;font-size:13px;padding:0 10px;justify-content:center}.fd-svc--sm .fd-step{width:100%;justify-content:space-between}.fd-svc--sm .fd-step__b{width:32px;height:32px;font-size:18px}.fd-svc--sm .fd-step__n{min-width:24px;font-size:14px}
/* small blog card inside the rail */
.fd-plc--sm{padding:14px;gap:8px;border-radius:14px}.fd-plc--sm .fd-plc__t{font-size:14.5px;-webkit-line-clamp:3}.fd-plc--sm .fd-plc__x{display:none}.fd-plc--sm .fd-plc__m{font-size:11.5px;padding-top:2px}.fd-plc--sm .fd-pl-badge{font-size:11px;padding:3px 10px}
@media(min-width:900px){.fd-plc--sm .fd-plc__x{display:-webkit-box;font-size:13px;-webkit-line-clamp:2}.fd-plc--sm .fd-plc__t{font-size:16px}}
/* ---- members-only videos: two rows that drift slowly ---- */
.fd-mq{display:flex;flex-direction:column;gap:14px}
.fd-mq__row{container-type:inline-size;--gap:14px;--n:2;overflow-x:auto;scrollbar-width:none;padding:8px 2px}.fd-mq__row::-webkit-scrollbar{display:none}
.fd-mq__track{display:flex;width:max-content}
.fd-mq__set{display:flex;gap:var(--gap);padding-right:var(--gap)}
.fd-vid{flex:none;width:calc((100cqw - (var(--n) - 1) * var(--gap)) / var(--n));display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--fd-text-strong);transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.fd-vid__th{position:relative;display:block;aspect-ratio:16/10;border-radius:16px;overflow:hidden;background:var(--fd-surface-2);box-shadow:0 6px 18px rgba(15,23,42,.14);transition:box-shadow .28s,transform .28s}
.fd-vid__th img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.fd-vid__th::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(8,12,28,.55));pointer-events:none}
.fd-vid__tag{position:absolute;left:8px;top:8px;z-index:2;padding:3px 9px;border-radius:999px;background:rgba(15,23,42,.72);backdrop-filter:blur(6px);color:#fff;font-size:11px;font-weight:700;letter-spacing:.02em}
.fd-vid__play{position:absolute;right:10px;bottom:10px;z-index:2;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff;color:#E11D2E;box-shadow:0 6px 16px rgba(0,0,0,.3);transition:transform .25s}
.fd-vid__t{font-size:13px;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fd-vid:hover,.fd-vid:focus-visible{transform:translateY(-6px)}.fd-vid:hover .fd-vid__th,.fd-vid:focus-visible .fd-vid__th{box-shadow:0 16px 32px rgba(15,23,42,.28)}.fd-vid:hover img{transform:scale(1.07)}.fd-vid:hover .fd-vid__play{transform:scale(1.12)}
.fd-vid:focus-visible{outline:3px solid var(--fd-primary);outline-offset:3px;border-radius:16px}
.fd-mq.is-run .fd-mq__row{overflow:hidden}
.fd-mq.is-run .fd-mq__track{animation:fd-mq var(--dur,60s) linear infinite;will-change:transform}
.fd-mq.is-run .fd-mq__row[data-rev] .fd-mq__track{animation-direction:reverse}
.fd-mq.is-run:hover .fd-mq__track,.fd-mq.is-run.is-paused .fd-mq__track,.fd-mq.is-run:focus-within .fd-mq__track{animation-play-state:paused}
@keyframes fd-mq{from{transform:translateX(0)}to{transform:translateX(calc(-1 * var(--set-w,1000px)))}}
@media(min-width:600px){.fd-mq__row{--n:3}}@media(min-width:900px){.fd-mq__row{--n:4}}@media(min-width:1200px){.fd-mq__row{--n:5}}
/* ---- Why Form Dekho ---- */
.fd-whyx{background:var(--fd-surface);border:1px solid var(--fd-border);border-radius:28px;padding:clamp(20px,4vw,40px);box-shadow:var(--fd-shadow)}
.fd-whyx__head{text-align:center;margin-bottom:var(--sp-5)}.fd-whyx__head h2{margin:0;font-size:clamp(26px,3.4vw,34px)}.fd-whyx__head p{margin:8px auto 0;max-width:640px;color:var(--fd-text-muted)}
.fd-whyx__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.fd-whyx__c{--bg:#EEF3FF;background:var(--bg);border-radius:18px;padding:30px 24px;text-align:center;box-shadow:0 6px 18px rgba(15,23,42,.06);transition:transform .25s,box-shadow .25s}
.fd-whyx__c:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(15,23,42,.1)}
.fd-whyx__i{display:block;font-size:44px;line-height:1.2;margin-bottom:16px}.fd-whyx__c h3{margin:0 0 10px;font-size:20px;color:var(--fd-text-strong)}.fd-whyx__c p{margin:0;font-size:15.5px;line-height:1.6;color:var(--fd-text)}
.fd-whyx__c--peach{--bg:#FFF0EB}.fd-whyx__c--blue{--bg:#EEF3FF}.fd-whyx__c--rose{--bg:#FFECEC}.fd-whyx__c--aqua{--bg:#E3F5FF}.fd-whyx__c--lilac{--bg:#F3F0FF}.fd-whyx__c--sky{--bg:#E8F3FF}
:root[data-theme="dark"] .fd-whyx__c{box-shadow:none;border:1px solid rgba(255,255,255,.06)}:root[data-theme="dark"] .fd-whyx__c--peach{--bg:#33261F}:root[data-theme="dark"] .fd-whyx__c--blue{--bg:#1F2744}:root[data-theme="dark"] .fd-whyx__c--rose{--bg:#36212A}:root[data-theme="dark"] .fd-whyx__c--aqua{--bg:#1A2E3D}:root[data-theme="dark"] .fd-whyx__c--lilac{--bg:#29234A}:root[data-theme="dark"] .fd-whyx__c--sky{--bg:#1C2E46}
/* ---- Join FD Family ---- */
.fd-join{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-4) var(--sp-5);padding:clamp(22px,4vw,36px);border-radius:28px;background:linear-gradient(120deg,#FFF1F1,#FFE8EC 55%,#FFF7E8);border:1px solid #FFD6DB}
.fd-join__logo{display:grid;place-items:center;width:68px;height:68px;border-radius:20px;background:#E11D2E;color:#fff;box-shadow:0 10px 24px rgba(225,29,46,.35);flex:none}
.fd-join__t{flex:1;min-width:220px}.fd-join__t h2{margin:0 0 4px;color:#1B1F2B}.fd-join__t p{margin:0;color:#4A5160}
.fd-join__b{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;border-radius:999px;background:#E11D2E;color:#fff;font-weight:700;text-decoration:none;box-shadow:0 10px 22px rgba(225,29,46,.3);transition:transform .15s,filter .2s}.fd-join__b:hover{transform:translateY(-2px);filter:brightness(1.06);color:#fff}
:root[data-theme="dark"] .fd-join{background:linear-gradient(120deg,#2B1620,#2A1A22 55%,#2B2417);border-color:#4A2530}:root[data-theme="dark"] .fd-join__t h2{color:#fff}:root[data-theme="dark"] .fd-join__t p{color:#D2D6E2}
/* ---- FAQs ---- */
.fd-faqbox{background:var(--fd-surface);border:1px solid var(--fd-border);border-radius:28px;padding:clamp(18px,4vw,36px);box-shadow:var(--fd-shadow)}
.fd-faqbox__head{text-align:center;margin-bottom:var(--sp-5)}.fd-faqbox__head h2{margin:0;font-size:clamp(26px,3.4vw,34px)}.fd-faqbox__head p{margin:8px 0 0;color:var(--fd-text-muted)}
.fd-faqx{display:grid;gap:14px}
.fd-faqx__i{background:var(--fd-surface);border:1px solid var(--fd-border);border-radius:14px;box-shadow:0 4px 14px rgba(15,23,42,.06);overflow:hidden;transition:box-shadow .25s}
.fd-faqx__i[open]{box-shadow:0 10px 26px rgba(15,23,42,.12)}
.fd-faqx__i summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding:14px 22px;cursor:pointer;font-weight:500;color:var(--fd-text-strong)}.fd-faqx__i summary::-webkit-details-marker{display:none}
.fd-faqx__i summary:focus-visible{outline:3px solid var(--fd-primary);outline-offset:-3px;border-radius:14px}
.fd-faqx__ic{position:relative;flex:none;width:18px;height:18px;transition:transform .3s}.fd-faqx__ic::before,.fd-faqx__ic::after{content:"";position:absolute;left:50%;top:50%;background:var(--fd-primary);border-radius:2px}.fd-faqx__ic::before{width:16px;height:2px;margin:-1px 0 0 -8px}.fd-faqx__ic::after{width:2px;height:16px;margin:-8px 0 0 -1px}
.fd-faqx__i[open] .fd-faqx__ic{transform:rotate(45deg)}
.fd-faqx__a{background:var(--fd-surface-2);padding:18px 22px;color:var(--fd-text-muted);line-height:1.65;animation:fd-faq .3s ease}.fd-faqx__a p{margin:0}
@keyframes fd-faq{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media(max-width:899px){.fd-whyx__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fd-hsec__head{align-items:flex-start;flex-direction:column;gap:6px}}
@media(max-width:559px){.fd-faqx__i summary{padding:12px 16px;min-height:54px;font-size:15px}.fd-faqx__a{padding:14px 16px}.fd-join{text-align:center;justify-content:center}.fd-join__b{width:100%}}
@media(prefers-reduced-motion:reduce){.fd-mq.is-run .fd-mq__track{animation:none}.fd-vid,.fd-vid__th img,.fd-whyx__c,.fd-faqx__a,.fd-faqx__ic{transition:none;animation:none}}

/* a missing thumbnail still looks intentional */
.fd-vid__th{background:linear-gradient(135deg,#2158E8,#7C3AED 55%,#DB2777)}.fd-vid__th.is-broken img{display:none}

/* the small service card grows a little with the screen */
@media(min-width:600px){.fd-svc--sm .fd-svc__name{font-size:15px}.fd-svc--sm .fd-svc__price strong{font-size:17px}}
@media(min-width:900px){.fd-svc--sm{padding:16px}.fd-svc--sm .fd-svc__name{font-size:16px}.fd-svc--sm .fd-svc__price strong{font-size:18px}.fd-svc--sm .fd-btn,.fd-svc--sm .fd-add{min-height:42px;font-size:14px}}

/* ---- image cards for the rails (the picture is the WooCommerce featured image) ---- */
.fd-tile{display:flex;flex-direction:column;gap:8px;min-width:0;scroll-snap-align:start}
.fd-tile__media{position:relative}
.fd-tile__img{display:block;position:relative;aspect-ratio:1/1;border-radius:20px;overflow:hidden;background:var(--fd-surface-2);box-shadow:0 8px 20px rgba(15,23,42,.14);text-decoration:none}
.fd-tile__img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.fd-tile:hover .fd-tile__img img{transform:scale(1.05)}
.fd-tile__ph{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(135deg,#2158E8,#7C3AED 60%,#DB2777);color:rgba(255,255,255,.92)}
.fd-tile__price{position:absolute;left:8px;bottom:8px;z-index:2;padding:4px 10px;border-radius:10px;background:rgba(8,12,28,.64);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-weight:700;font-size:12.5px;line-height:1.3;letter-spacing:.01em;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.fd-tile__save{position:absolute;left:8px;top:8px;z-index:2;padding:3px 9px;border-radius:999px;background:#16A34A;color:#fff;font-size:11px;font-weight:700}
.fd-tile__act{position:absolute;top:-8px;right:-8px;z-index:3}
.fd-tile__act .fd-plus{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--fd-primary);color:var(--fd-on-primary,#fff);box-shadow:0 0 0 3px var(--fd-bg),0 8px 16px rgba(33,88,232,.4);border:0;padding:0;transition:transform .15s}
.fd-tile__act .fd-plus:hover{transform:scale(1.08)}.fd-tile__act .fd-plus--in{background:var(--fd-success)}.fd-tile__act .fd-plus svg{width:20px;height:20px}
.fd-tile__act .fd-step{background:var(--fd-surface);border:1px solid var(--fd-border);border-radius:999px;padding:2px;box-shadow:0 0 0 3px var(--fd-bg),0 8px 16px rgba(15,23,42,.25)}.fd-tile__act .fd-step__b{width:28px;height:28px;font-size:17px}.fd-tile__act .fd-step__n{min-width:20px;font-size:13px;text-align:center}
.fd-tile__enq{position:absolute;top:-6px;right:-6px;z-index:3;padding:6px 12px;border-radius:999px;background:var(--fd-primary);color:var(--fd-on-primary,#fff);font-weight:700;font-size:12px;text-decoration:none;box-shadow:0 0 0 3px var(--fd-bg)}
.fd-tile__name{margin:0;font-size:14px;line-height:1.3;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fd-tile__name a{color:var(--fd-text-strong);text-decoration:none}.fd-tile__name a:hover{color:var(--fd-primary)}
.fd-tile__sub{margin:-4px 0 0;font-size:12px;color:var(--fd-text-muted)}
@media(min-width:600px){.fd-tile__act .fd-plus{width:42px;height:42px}.fd-tile__name{font-size:15px}.fd-tile__price{font-size:13px}.fd-tile__img{border-radius:22px}}
@media(min-width:900px){.fd-tile__act .fd-plus{width:46px;height:46px}.fd-tile__act .fd-plus svg{width:22px;height:22px}.fd-tile__name{font-size:16px}.fd-tile__price{font-size:14px;left:10px;bottom:10px}.fd-tile__act{top:-9px;right:-9px}}
/* ---- FD Pulse: a soft purple-blue panel behind the cards ---- */
.fd-pulsepanel{padding:clamp(12px,2.5vw,22px);border-radius:28px;background:linear-gradient(135deg,#F1ECFF 0%,#E7EEFF 60%,#F6EAFB 100%);border:1px solid rgba(124,58,237,.14)}
.fd-pulsepanel .fd-rail{margin:0;padding:4px 10px 12px 2px}
:root[data-theme="dark"] .fd-pulsepanel{background:linear-gradient(135deg,#1C1842 0%,#15213F 60%,#26173A 100%);border-color:rgba(167,139,250,.2)}
/* ---- Join FD Family: four follow icons in one row on every screen ---- */
.fd-joinx{text-align:center;padding:clamp(22px,4vw,40px) clamp(12px,3vw,32px);border-radius:28px;border:1px solid var(--fd-border);background:linear-gradient(120deg,#F3EEFF,#E8F0FF 55%,#FFEEF4);box-shadow:var(--fd-shadow)}
:root[data-theme="dark"] .fd-joinx{background:linear-gradient(120deg,#1A1740,#14213D 55%,#2A1530)}
.fd-joinx__head h2{margin:0}.fd-joinx__head p{margin:6px auto 0;max-width:560px;color:var(--fd-text-muted)}
.fd-joinx__row{list-style:none;margin:clamp(18px,3vw,30px) auto 0;padding:0;display:flex;flex-wrap:nowrap;justify-content:center;gap:clamp(6px,2.5vw,36px);max-width:760px}
.fd-joinx__row li{flex:1 1 0;min-width:0;max-width:150px}
.fd-joinx__a{display:flex;flex-direction:column;align-items:center;gap:clamp(6px,1.4vw,12px);text-decoration:none;color:var(--fd-text-strong);transition:transform .2s}.fd-joinx__a:hover{transform:translateY(-5px)}
.fd-joinx__a:focus-visible{outline:3px solid var(--fd-primary);outline-offset:4px;border-radius:16px}
.fd-joinx__i{display:grid;place-items:center;width:clamp(50px,13vw,84px);height:clamp(50px,13vw,84px);border-radius:50%;color:#fff;box-shadow:0 10px 22px rgba(15,23,42,.22)}.fd-joinx__i svg{width:52%;height:52%}
.fd-joinx__a--youtube .fd-joinx__i{background:#E11D2E}.fd-joinx__a--instagram .fd-joinx__i{background:linear-gradient(45deg,#F9A825,#E1306C 50%,#833AB4)}.fd-joinx__a--facebook .fd-joinx__i{background:#1877F2}.fd-joinx__a--x .fd-joinx__i{background:#0F1419}
:root[data-theme="dark"] .fd-joinx__a--x .fd-joinx__i{box-shadow:0 0 0 1px rgba(255,255,255,.28),0 10px 22px rgba(0,0,0,.4)}
.fd-joinx__t{font-weight:600;font-size:clamp(11px,2.9vw,15px);white-space:nowrap}
/* ---- Why Form Dekho on a phone: 2 cards per row, 3 rows (like a tablet) ---- */
@media(max-width:559px){.fd-whyx__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fd-whyx{padding:18px 12px}.fd-whyx__c{padding:16px 10px}.fd-whyx__i{font-size:32px;margin-bottom:10px}.fd-whyx__c h3{font-size:15px;margin-bottom:6px}.fd-whyx__c p{font-size:12.5px;line-height:1.5}}
@media(max-width:359px){.fd-whyx__c p{font-size:12px}.fd-whyx__c h3{font-size:14px}}

/* =====================================================================
   Round 2: smaller picture cards, the blue vertical stepper, the members
   carousel, staggered FD Pulse cards, How it works, stacking Why cards,
   compact Join.
   ===================================================================== */
/* ---- picture cards: 3 + a peek on a phone, 4 + a peek on a tablet, 5 + a peek on desktop ---- */
.fd-rail{--gap:10px}
@media(min-width:600px){.fd-rail{--gap:12px}}@media(min-width:900px){.fd-rail{--gap:14px}}
.fd-tile{--pw:30px;gap:6px}
.fd-tile__img{border-radius:14px;box-shadow:0 5px 14px rgba(15,23,42,.14)}
.fd-tile__name{font-size:11.5px;line-height:1.25}
.fd-tile__price{font-size:10.5px;padding:2px 6px;left:5px;bottom:5px;border-radius:7px}
.fd-tile__save{font-size:9px;padding:2px 6px;left:5px;top:5px}
.fd-tile__sub{display:none}
.fd-tile__act{top:-6px;right:-6px}
.fd-tile__act .fd-plus{width:30px;height:30px;box-shadow:0 0 0 2px var(--fd-bg),0 6px 12px rgba(33,88,232,.4)}.fd-tile__act .fd-plus svg{width:16px;height:16px}
.fd-tile__act .fd-plus--in{background:var(--fd-primary)}
.fd-tile__enq{font-size:10px;padding:4px 8px;top:-4px;right:-4px}
@media(min-width:600px){.fd-tile{--pw:36px;gap:8px}.fd-tile__img{border-radius:18px}.fd-tile__name{font-size:13px}.fd-tile__price{font-size:11.5px;padding:3px 8px;left:7px;bottom:7px;border-radius:8px}.fd-tile__save{font-size:10px;left:7px;top:7px}.fd-tile__sub{display:block;font-size:11px}.fd-tile__act{top:-7px;right:-7px}.fd-tile__act .fd-plus{width:36px;height:36px}.fd-tile__act .fd-plus svg{width:18px;height:18px}}
@media(min-width:900px){.fd-tile{--pw:40px}.fd-tile__img{border-radius:20px}.fd-tile__name{font-size:14.5px}.fd-tile__price{font-size:12.5px;left:9px;bottom:9px}.fd-tile__act{top:-8px;right:-8px}.fd-tile__act .fd-plus{width:40px;height:40px}.fd-tile__act .fd-plus svg{width:20px;height:20px}}
/* in the cart: a blue vertical pill that drops down from the corner  [ + / 1 / − ] */
.fd-tile__act .fd-step{display:inline-flex;flex-direction:column-reverse;align-items:center;gap:0;width:var(--pw);padding:3px 0;border:0;border-radius:999px;background:var(--fd-primary);box-shadow:0 0 0 2px var(--fd-bg),0 10px 18px rgba(33,88,232,.45);transform-origin:top center;animation:fd-expand .24s cubic-bezier(.2,.9,.3,1.2)}
.fd-tile__act .fd-step__b{display:grid;place-items:center;width:var(--pw);height:calc(var(--pw) - 6px);padding:0;border:0;border-radius:999px;background:transparent;color:#fff;font-size:calc(var(--pw) * .55);line-height:1;cursor:pointer}
.fd-tile__act .fd-step__b:hover{background:rgba(255,255,255,.18)}
.fd-tile__act .fd-step__n{min-width:0;padding:2px 0;color:#fff;font-weight:700;font-size:calc(var(--pw) * .4);line-height:1.2;text-align:center}
@keyframes fd-expand{from{transform:scaleY(.45);opacity:.5}to{transform:none;opacity:1}}
/* ---- members-only videos: a looping 3D carousel on a glass-and-gradient band ---- */
.fd-memb{position:relative;overflow:hidden;border-radius:30px;padding:clamp(20px,4vw,42px) clamp(6px,2vw,26px) clamp(22px,4vw,40px);color:#fff;background:radial-gradient(700px 360px at 10% 0,rgba(99,102,241,.6),transparent 60%),radial-gradient(640px 340px at 95% 100%,rgba(219,39,119,.4),transparent 60%),linear-gradient(135deg,#0B1B4A,#16318C 55%,#2B1B6E)}
.fd-memb__head{text-align:center;margin:0 0 clamp(14px,3vw,28px);padding:0 12px}.fd-memb__head h2{margin:0;color:#fff;font-size:clamp(22px,3.4vw,32px)}.fd-memb__head p{margin:6px 0 0;color:rgba(255,255,255,.78)}
.fd-cf{position:relative}
.fd-cf__stage{display:flex;gap:12px;overflow-x:auto;padding:8px 10px 14px;scrollbar-width:none}.fd-cf__stage::-webkit-scrollbar{display:none}
.fd-cf__btn{display:none}
.fd-cv{flex:none;width:min(260px,72%);text-decoration:none;color:#fff}
.fd-cv__g{display:block;padding:9px;border-radius:22px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.34);-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);box-shadow:0 22px 46px rgba(2,6,23,.45),inset 0 1px 0 rgba(255,255,255,.45);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.fd-cv:hover .fd-cv__g,.fd-cv:focus-visible .fd-cv__g{transform:translateY(-6px);box-shadow:0 30px 56px rgba(2,6,23,.55),inset 0 1px 0 rgba(255,255,255,.55)}
.fd-cv:focus-visible{outline:3px solid #fff;outline-offset:4px;border-radius:24px}
.fd-cv__th{position:relative;display:block;aspect-ratio:16/10;border-radius:15px;overflow:hidden;background:linear-gradient(135deg,#2158E8,#7C3AED 55%,#DB2777)}
.fd-cv__th img{display:block;width:100%;height:100%;object-fit:cover}.fd-cv__th.is-broken img{display:none}
.fd-cv__th::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(8,12,28,.5));pointer-events:none}
.fd-cv__play{position:absolute;right:10px;bottom:10px;z-index:2;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.94);color:#E11D2E;box-shadow:0 6px 16px rgba(0,0,0,.35);transition:transform .25s}.fd-cv:hover .fd-cv__play{transform:scale(1.12)}
.fd-cv__t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding:9px 5px 3px;font-size:13px;font-weight:600;line-height:1.35;color:#fff}
.fd-cf.is-js .fd-cf__stage{display:block;position:relative;overflow:visible;perspective:1500px;height:var(--cf-h,300px);padding:0}
.fd-cf.is-js .fd-cv{position:absolute;left:50%;top:0;width:var(--cw,320px);transition:transform .9s cubic-bezier(.22,.8,.22,1),opacity .9s ease;will-change:transform,opacity}
.fd-cf.is-js .fd-cv.no-tr{transition:none}
.fd-cf.is-js .fd-cf__btn{position:absolute;top:50%;z-index:300;display:grid;place-items:center;width:42px;height:42px;margin-top:-28px;padding:0 0 3px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.16);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font:400 26px/1 var(--fd-font);cursor:pointer}
.fd-cf__btn--prev{left:6px}.fd-cf__btn--next{right:6px}.fd-cf.is-js .fd-cf__btn:hover{background:rgba(255,255,255,.3)}
@media(max-width:599px){.fd-cf__btn--prev{left:0}.fd-cf__btn--next{right:0}.fd-cf.is-js .fd-cf__btn{width:36px;height:36px}.fd-cv__t{font-size:12px}.fd-cv__play{width:34px;height:34px}}
/* ---- FD Pulse: staggered cards, heading only until you hover ---- */
.fd-rail__grid--stag{grid-template-rows:1fr;align-items:start;padding-bottom:clamp(26px,5vw,56px)}
.fd-rail__grid--stag>*:nth-child(even){margin-top:clamp(24px,5vw,56px)}
.fd-pt{min-width:0}
.fd-pt__a{position:relative;display:block;aspect-ratio:3/4;border-radius:20px;overflow:hidden;isolation:isolate;color:#fff;text-decoration:none;background:#111827;box-shadow:0 12px 28px rgba(15,23,42,.24)}
.fd-pt__a:focus-visible{outline:3px solid var(--fd-primary);outline-offset:3px}
.fd-pt__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.fd-pt__ph{position:absolute;inset:0;background:var(--c);background:linear-gradient(160deg,color-mix(in srgb,var(--c) 75%,#fff) 0%,var(--c) 48%,color-mix(in srgb,var(--c) 55%,#000) 100%)}
.fd-pt__a::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,0) 38%,rgba(0,0,0,.7));transition:opacity .35s}
.fd-pt__a::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.1) 0%,var(--c) 100%);opacity:0;transition:opacity .4s;mix-blend-mode:normal}
.fd-pt__a:hover::after,.fd-pt__a:focus-visible::after,.fd-pt.is-open .fd-pt__a::after{opacity:.94}
.fd-pt__a:hover .fd-pt__img{transform:scale(1.06)}
.fd-pt__pill{position:absolute;left:10px;top:10px;z-index:3;padding:4px 11px;border-radius:999px;background:var(--c);color:#fff;font-size:11.5px;font-weight:700;box-shadow:0 0 0 2px rgba(255,255,255,.55);opacity:0;transform:translateY(-6px);transition:opacity .3s,transform .3s}
.fd-pt__go{position:absolute;right:10px;top:10px;z-index:3;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#0B0B0F;color:#fff;transition:transform .35s}.fd-pt__go svg{width:18px;height:18px;transition:transform .35s}
.fd-pt__a:hover .fd-pt__pill,.fd-pt__a:focus-visible .fd-pt__pill,.fd-pt.is-open .fd-pt__pill{opacity:1;transform:none}
.fd-pt__a:hover .fd-pt__go svg,.fd-pt__a:focus-visible .fd-pt__go svg,.fd-pt.is-open .fd-pt__go svg{transform:rotate(45deg)}
.fd-pt__body{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;flex-direction:column;padding:12px 12px 14px}
.fd-pt__t{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.25;font-weight:700;text-shadow:0 1px 8px rgba(0,0,0,.45)}
.fd-pt__rev{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .4s ease,opacity .3s}.fd-pt__rin{min-height:0;overflow:hidden}
.fd-pt__a:hover .fd-pt__rev,.fd-pt__a:focus-visible .fd-pt__rev,.fd-pt.is-open .fd-pt__rev{grid-template-rows:1fr;opacity:1}
.fd-pt__x{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:6px;font-size:11px;line-height:1.4;color:rgba(255,255,255,.94)}
.fd-pt__m{display:block;margin-top:6px;font-size:10.5px;color:rgba(255,255,255,.85)}
@media(min-width:600px){.fd-pt__a{border-radius:22px}.fd-pt__t{font-size:15px}.fd-pt__x{-webkit-line-clamp:3;font-size:12.5px}.fd-pt__m{font-size:11.5px}.fd-pt__pill{font-size:12px;left:12px;top:12px}.fd-pt__go{width:40px;height:40px;right:12px;top:12px}.fd-pt__body{padding:14px 14px 16px}}
@media(min-width:900px){.fd-pt__t{font-size:17px}.fd-pt__x{-webkit-line-clamp:4;font-size:13px}.fd-pt__m{font-size:12px}}
/* ---- How it works ---- */
.fd-howx{position:relative;border:1px solid var(--fd-border);border-radius:28px;background:var(--fd-surface);box-shadow:var(--fd-shadow);padding:clamp(22px,4vw,44px) clamp(14px,3vw,34px) clamp(26px,4vw,40px)}
.fd-howx__head{text-align:center;margin-bottom:clamp(18px,4vw,34px)}.fd-howx__head h2{margin:0;font-size:clamp(24px,3.4vw,34px)}
.fd-howx__body{position:relative}.fd-howx__path{display:none}
.fd-howx__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}
.fd-howx__s{--col:#2BB3A0;display:flex;flex-direction:column;align-items:center;min-width:0}
.fd-howx__vis{position:relative;width:min(100%,190px);height:112px}
.fd-howx__chev{position:absolute;left:0;right:0;bottom:0;height:52px;background:var(--col);clip-path:polygon(0 0,82% 0,100% 50%,82% 100%,0 100%,16% 50%);display:flex;align-items:center;justify-content:center;padding-left:14%}
.fd-howx__chev b{color:#fff;font-size:20px;font-weight:800;letter-spacing:.02em}
.fd-howx__ico{position:absolute;left:12%;top:0;z-index:2;display:grid;place-items:center;width:66px;height:66px;border-radius:50%;border:5px solid var(--col);background:var(--fd-surface);color:var(--col);box-shadow:0 8px 18px rgba(15,23,42,.16)}.fd-howx__ico svg{width:28px;height:28px}
.fd-howx__txt{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:16px;padding:0 4px;text-align:center}
.fd-howx__dot{position:relative;display:block;width:9px;height:9px;margin-bottom:8px;border-radius:50%;background:var(--col)}.fd-howx__dot::before{content:"";position:absolute;left:50%;bottom:100%;height:16px;margin-left:-1px;border-left:2px dashed var(--col)}
.fd-howx__txt strong{font-size:14px;line-height:1.3;color:var(--fd-text-strong)}.fd-howx__txt span{font-size:12.5px;line-height:1.5;color:var(--fd-text-muted)}
@media(min-width:900px){
 .fd-howx__path{display:block;position:absolute;left:0;top:19px;width:100%;height:220px;color:var(--fd-border-strong,#B6BFCF);pointer-events:none}
 .fd-howx__list{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 8px}.fd-howx__s:nth-child(even){margin-top:48px}
 .fd-howx__vis{width:78%;height:150px}.fd-howx__chev{height:62px}.fd-howx__chev b{font-size:26px}.fd-howx__ico{left:14%;width:92px;height:92px;border-width:6px}.fd-howx__ico svg{width:38px;height:38px}
 .fd-howx__txt{margin-top:22px;padding:0 10px}.fd-howx__dot::before{height:22px}.fd-howx__txt strong{font-size:17px}.fd-howx__txt span{font-size:14px}}
@media(min-width:600px) and (max-width:899px){.fd-howx__vis{height:128px}.fd-howx__ico{width:78px;height:78px}.fd-howx__ico svg{width:32px;height:32px}.fd-howx__chev{height:58px}.fd-howx__txt strong{font-size:16px}.fd-howx__txt span{font-size:13.5px}}
@media(prefers-color-scheme:dark){}
:root[data-theme="dark"] .fd-howx__path{color:#475569}
/* ---- Why Form Dekho: cards stack as you scroll ---- */
.fd-whys{--st-top:calc(var(--fd-hh,68px) + 12px);--st-step:52px;--st-body:150px}
.fd-whys__head{text-align:center;margin-bottom:var(--sp-5)}.fd-whys__head h2{margin:0;font-size:clamp(26px,3.4vw,34px)}.fd-whys__head p{margin:8px auto 0;max-width:640px;color:var(--fd-text-muted)}
.fd-stack{position:relative}
.fd-sc{--bg:#EEF3FF;--acc:#2158E8;position:sticky;top:calc(var(--st-top) + var(--i) * var(--st-step));z-index:calc(var(--i) + 1);display:flex;flex-direction:column;min-height:calc(var(--st-body) + (var(--n,6) - 1 - var(--i)) * var(--st-step));margin-bottom:26px;padding:0 clamp(16px,3vw,32px) clamp(14px,2.4vw,26px);overflow:hidden;border:1px solid rgba(15,23,42,.07);border-radius:24px;background:var(--bg);box-shadow:0 -10px 24px rgba(15,23,42,.1),0 16px 32px rgba(15,23,42,.1)}
.fd-sc:last-child{margin-bottom:0}
.fd-sc__top{display:flex;flex:none;align-items:center;gap:12px;height:var(--st-step)}
.fd-sc__no{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:var(--acc);color:#fff;font-weight:800;font-size:15px}
.fd-sc__top h3{margin:0;font-size:clamp(17px,2.4vw,23px);color:var(--fd-text-strong)}
.fd-sc__body{display:flex;flex:1;align-items:center;justify-content:space-between;gap:16px}
.fd-sc__body p{margin:0;max-width:560px;font-size:clamp(14px,1.6vw,17px);line-height:1.6;color:var(--fd-text)}
.fd-sc__ico{flex:none;font-size:clamp(52px,9vw,92px);line-height:1;filter:drop-shadow(0 8px 14px rgba(15,23,42,.2))}
.fd-sc--peach{--bg:#FFF0EB;--acc:#F26B3A}.fd-sc--blue{--bg:#EEF3FF;--acc:#2158E8}.fd-sc--rose{--bg:#FFECEC;--acc:#E5484D}.fd-sc--aqua{--bg:#E3F5FF;--acc:#0EA5E9}.fd-sc--lilac{--bg:#F3F0FF;--acc:#7C3AED}.fd-sc--sky{--bg:#E8F3FF;--acc:#3B82F6}
:root[data-theme="dark"] .fd-sc{border-color:rgba(255,255,255,.08);box-shadow:0 -10px 24px rgba(0,0,0,.35),0 16px 32px rgba(0,0,0,.35)}
:root[data-theme="dark"] .fd-sc--peach{--bg:#33261F}:root[data-theme="dark"] .fd-sc--blue{--bg:#1F2744}:root[data-theme="dark"] .fd-sc--rose{--bg:#36212A}:root[data-theme="dark"] .fd-sc--aqua{--bg:#1A2E3D}:root[data-theme="dark"] .fd-sc--lilac{--bg:#29234A}:root[data-theme="dark"] .fd-sc--sky{--bg:#1C2E46}
@media(max-width:599px){.fd-whys{--st-top:calc(var(--fd-hh,60px) + 10px);--st-step:46px;--st-body:128px}.fd-sc{border-radius:20px;margin-bottom:20px}.fd-sc__no{width:30px;height:30px;font-size:13px}.fd-sc__ico{font-size:50px}}
@media(prefers-reduced-motion:reduce){.fd-sc{position:relative;top:auto;min-height:0}}
.fd-stack--flat .fd-sc{position:relative;top:auto;min-height:0}
/* ---- Join FD Family: compact ---- */
.fd-joinx{display:grid;gap:14px;text-align:center;padding:20px 14px;border-radius:22px}
.fd-joinx__head h2{font-size:clamp(19px,5vw,24px);line-height:1.25}.fd-joinx__head p{margin:4px auto 0;max-width:520px;font-size:clamp(12.5px,3.2vw,14.5px);line-height:1.45}
.fd-joinx__row{margin:2px auto 0;gap:clamp(6px,2vw,22px);max-width:420px}
.fd-joinx__i{width:clamp(44px,11vw,56px);height:clamp(44px,11vw,56px);box-shadow:0 6px 14px rgba(15,23,42,.2)}
.fd-joinx__t{font-size:clamp(10.5px,2.8vw,12.5px)}.fd-joinx__a{gap:6px}
@media(min-width:900px){.fd-joinx{grid-template-columns:1fr auto;align-items:center;gap:32px;text-align:left;padding:22px 34px}.fd-joinx__head p{margin-left:0}.fd-joinx__row{margin:0;max-width:none;gap:26px}.fd-joinx__row li{flex:0 0 auto;max-width:none;min-width:64px}}
@media(min-width:600px) and (max-width:899px){.fd-joinx{padding:22px 24px;gap:16px}.fd-joinx__row{max-width:460px}}

@media(max-width:599px){.fd-pt__a{aspect-ratio:3/4.3}.fd-pt__t{-webkit-line-clamp:2;font-size:12.5px}.fd-pt__x{-webkit-line-clamp:2;font-size:10.5px;margin-top:4px}.fd-pt__m{font-size:9.5px;margin-top:4px}.fd-pt__body{padding:10px 9px 11px}.fd-pt__pill{font-size:10px;padding:3px 8px;left:7px;top:7px}.fd-pt__go{width:32px;height:32px;right:7px;top:7px}.fd-pt__go svg{width:15px;height:15px}}

/* =====================================================================
   Round 3
   ===================================================================== */
/* quick taps: no 300ms wait, no grey flash */
.fd-plus,.fd-step__b,.fd-add{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
body.home{overflow-x:clip}
/* ---- Members-only videos: no coloured band; the glass sits on the page itself ---- */
.fd-memb{background:none;color:inherit;border-radius:0;overflow-x:clip;overflow-y:visible;padding:0}
.fd-memb__head{padding:0}.fd-memb__head h2{color:var(--fd-text-strong)}.fd-memb__head p{color:var(--fd-text-muted)}
.fd-cv{--cvt-bg:rgba(255,255,255,.94);--cvt-fg:var(--fd-text-strong);color:var(--fd-text-strong)}
:root[data-theme="dark"] .fd-cv{--cvt-bg:rgba(8,13,28,.9);--cvt-fg:#fff}
.fd-cv__g{padding:8px;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.8),rgba(255,255,255,.4));border:1px solid rgba(124,58,237,.26);box-shadow:0 18px 38px rgba(76,29,149,.2),inset 0 1px 0 rgba(255,255,255,.9)}
:root[data-theme="dark"] .fd-cv__g{background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.06));border-color:rgba(255,255,255,.26);box-shadow:0 22px 46px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.32)}
.fd-cv:hover .fd-cv__g,.fd-cv:focus-visible .fd-cv__g{box-shadow:0 26px 50px rgba(76,29,149,.3),inset 0 1px 0 rgba(255,255,255,.95)}
:root[data-theme="dark"] .fd-cv:hover .fd-cv__g{box-shadow:0 30px 56px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.4)}
.fd-cv:focus-visible{outline-color:var(--fd-primary)}
.fd-cv__t{margin:8px -8px -8px;padding:10px 14px 12px;border-radius:0;background:var(--cvt-bg);color:var(--cvt-fg);font-weight:600}
.fd-cf.is-js .fd-cf__btn{border:1px solid var(--fd-border);background:var(--fd-surface);color:var(--fd-text-strong);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:var(--fd-shadow)}.fd-cf.is-js .fd-cf__btn:hover{background:var(--fd-primary);color:var(--fd-on-primary,#fff)}
.fd-cf.is-js .fd-cv{will-change:auto}.fd-cf.is-moving .fd-cv{will-change:transform,opacity}
@media(max-width:899px){
 .fd-cv__g{-webkit-backdrop-filter:blur(8px) saturate(130%);backdrop-filter:blur(8px) saturate(130%)}
 /* the carousel runs edge to edge, so the next video comes in from the screen's right edge */
 .fd-hsec--members .fd-memb{margin-left:calc(50% - var(--vw,100vw) / 2);margin-right:calc(50% - var(--vw,100vw) / 2);overflow:hidden;padding:6px 0 12px}
 .fd-memb__head{padding:0 var(--sp-4)}
 /* every rail runs to the right edge of the screen; FD Pulse loses its tinted panel here so the cards simply come in from the edge */
 .fd-railw{margin-right:calc(50% - var(--vw,100vw) / 2)}.fd-rail{margin-right:0}
 .fd-pulsepanel{padding:0;background:none;border:0}
 .fd-pulsepanel .fd-rail{padding-left:2px}
}
/* ---- Why Form Dekho: filled stacking cards (no numbers, no header row) ---- */
.fd-whys{--st-step:40px;--st-body:176px}
@media(max-width:599px){.fd-whys{--st-step:34px;--st-body:158px}}
.fd-sc{padding:var(--st-step) clamp(16px,3vw,32px) clamp(16px,2.6vw,28px)}
.fd-sc::before{content:"";position:absolute;left:0;right:0;top:0;height:var(--st-step);background-image:radial-gradient(rgba(255,255,255,.55) 1.5px,transparent 1.6px),linear-gradient(90deg,var(--acc),color-mix(in srgb,var(--acc) 35%,transparent));background-size:14px 14px,100% 100%}
.fd-sc::after{content:"";position:absolute;right:-70px;bottom:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--acc) 28%,transparent),transparent);pointer-events:none}
.fd-sc__body{position:relative;z-index:1;display:flex;flex:1;align-items:center;justify-content:flex-start;gap:clamp(14px,3vw,28px)}
.fd-sc__ico{display:grid;place-items:center;flex:none;width:clamp(64px,10vw,104px);height:clamp(64px,10vw,104px);border-radius:26px;background:rgba(255,255,255,.72);box-shadow:0 10px 24px rgba(15,23,42,.14),inset 0 1px 0 #fff;font-size:clamp(34px,6vw,56px);line-height:1;filter:none}
:root[data-theme="dark"] .fd-sc__ico{background:rgba(255,255,255,.09);box-shadow:0 10px 24px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.18)}
.fd-sc__txt{min-width:0}.fd-sc__txt h3{margin:0 0 6px;font-size:clamp(18px,2.6vw,26px);line-height:1.2;color:var(--fd-text-strong)}.fd-sc__txt p{margin:0;max-width:640px;font-size:clamp(13.5px,1.7vw,17px);line-height:1.6;color:var(--fd-text)}

/* ---- Members videos: exactly two title lines, no black bars on the thumbnail ---- */
.fd-cv__t{display:block;-webkit-line-clamp:unset;-webkit-box-orient:initial;overflow:visible}
.fd-cv__tt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35;min-height:calc(1.35em * 2);max-height:calc(1.35em * 2);overflow-wrap:anywhere}
.fd-cv__th{aspect-ratio:16/9}
.fd-cv__th img{position:absolute;left:0;top:-16.67%;width:100%;height:133.34%;object-fit:cover} /* YouTube's standard thumbnail is 4:3 with black bars above and below the 16:9 picture: crop them off */
/* ---- "Not sure what documents you need?" on a phone ---- */
@media(max-width:599px){.fd-promo{padding:16px;gap:12px;border-radius:18px}.fd-promo h2{margin:0 0 2px;font-size:18px;line-height:1.25}.fd-promo p{font-size:13.5px;line-height:1.45}.fd-promo .fd-btn{width:100%;min-height:40px;padding:0 18px;font-size:14px}}

/* =====================================================================
   Applicant feedback: tilted photo cards that straighten and flip
   ===================================================================== */
.fd-fb{padding:clamp(24px,4vw,40px) clamp(14px,3vw,34px) clamp(18px,3vw,30px);border-radius:28px;background:linear-gradient(135deg,#F5F3FF,#EEF4FF 60%,#FDF2F8);border:1px solid rgba(124,58,237,.12);box-shadow:var(--fd-shadow);overflow:hidden}
:root[data-theme="dark"] .fd-fb{background:linear-gradient(135deg,#1C1842,#15213F 60%,#26173A);border-color:rgba(167,139,250,.2)}
.fd-fb__head{text-align:center;margin-bottom:clamp(8px,2vw,18px)}.fd-fb__head h2{margin:0;font-size:clamp(24px,3.4vw,34px)}.fd-fb__head p{margin:8px 0 0;color:var(--fd-text-muted);font-size:clamp(14px,1.6vw,17px)}
.fd-railw--fb .fd-rail{padding:44px 18px 54px 8px;margin:-6px -18px -10px -8px}
.fd-fbgrid{grid-template-rows:1fr!important;align-items:start;gap:calc(var(--gap) + 6px)}
.fd-fc{--r:0deg;--dy:0px;--tp:rgba(251,191,36,.6);position:relative;min-width:0;perspective:1400px;outline:0;cursor:pointer;transform:rotate(var(--r)) translateY(var(--dy));transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.fd-fc__tape{position:absolute;left:50%;top:-12px;z-index:4;width:72px;height:22px;margin-left:-36px;background:var(--tp);border-radius:3px;transform:rotate(-2deg);pointer-events:none}
.fd-fc__in{position:relative;display:grid;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.2,.8,.2,1)}
.fd-fc__f,.fd-fc__b{grid-area:1/1;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:var(--fd-surface);border-radius:16px;box-shadow:0 12px 28px rgba(15,23,42,.16);border:1px solid var(--fd-border)}
.fd-fc__f{padding:12px 12px 16px;display:flex;flex-direction:column}
.fd-fc__pic{aspect-ratio:1;border-radius:10px;overflow:hidden;display:grid;place-items:end center}.fd-fc__pic img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}.fd-fc__pic svg{width:66%;height:auto}
.fd-fc__sn{margin:12px 4px 0;font-size:13.5px;line-height:1.5;color:var(--fd-text);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(1.5em * 3)}
.fd-fc__nm{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:10px 4px 0;font-size:13px}.fd-fc__nm b{color:var(--fd-text-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fd-fc__stars{color:#F59E0B;letter-spacing:1px;font-size:12px;flex:none}
.fd-fc__b{position:absolute;inset:0;transform:rotateY(180deg);padding:18px 16px 16px;display:flex;flex-direction:column;gap:10px;background:linear-gradient(160deg,var(--fd-surface),var(--fd-surface-2,#F8FAFC))}
.fd-fc__stars--b{font-size:15px;letter-spacing:2px}
.fd-fc__tx{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;padding-right:4px}.fd-fc__tx p{margin:0;font-size:13.5px;line-height:1.6;color:var(--fd-text)}
.fd-fc__who{border-top:1px solid var(--fd-border);padding-top:10px;display:flex;flex-direction:column;gap:2px}.fd-fc__who b{font-size:14.5px;color:var(--fd-text-strong)}.fd-fc__who span{font-size:12.5px;font-weight:600;color:var(--fd-primary);letter-spacing:.02em}
.fd-fc.is-flipped,.fd-fc:focus-visible{transform:rotate(0) translateY(-10px) scale(1.03);z-index:6}
.fd-fc.is-flipped .fd-fc__in,.fd-fc:focus-visible .fd-fc__in{transform:rotateY(180deg)}
.fd-fc:focus-visible .fd-fc__f,.fd-fc:focus-visible .fd-fc__b{outline:3px solid var(--fd-primary);outline-offset:3px}

@media(max-width:599px){.fd-fc__f{padding:10px 10px 14px}.fd-fc__sn{font-size:13px}.fd-fc__tx p{font-size:13px}.fd-fc__b{padding:16px 14px 14px}}
@media(max-width:899px){.fd-fb{background:none;border:0;box-shadow:none;padding:0;overflow:visible}.fd-fb__head{padding:0}}
@media(prefers-reduced-motion:reduce){.fd-fc,.fd-fc__in{transition:none}}
@media(max-width:899px){.fd-railw--fb .fd-rail{margin-right:0;padding-right:18px}}

/* feedback cards: two per row on a phone, so the text and photo are a little smaller there (tablet and desktop are unchanged) */
.fd-railw--fb .fd-rail{scroll-snap-type:none}
@media(max-width:599px){
 .fd-fc__f{padding:7px 7px 10px;border-radius:12px}.fd-fc__pic{border-radius:7px}.fd-fc__sn{margin:8px 2px 0;font-size:11px;line-height:1.45;min-height:calc(1.45em * 3)}
 .fd-fc__nm{margin:6px 2px 0;font-size:11px;gap:4px}.fd-fc__stars{font-size:9.5px;letter-spacing:0}
 .fd-fc__b{padding:12px 10px 10px;gap:6px;border-radius:12px}.fd-fc__stars--b{font-size:11px;letter-spacing:1px}.fd-fc__tx p{font-size:11px;line-height:1.5}.fd-fc__who{padding-top:7px}.fd-fc__who b{font-size:12px}.fd-fc__who span{font-size:10.5px}
 .fd-fc__tape{width:48px;height:16px;margin-left:-24px;top:-9px}.fd-fbgrid{gap:calc(var(--gap) + 2px)}
}

/* =====================================================================
   Price strip: the price sits in a strip attached to the picture, so the picture stays clear.
   Discounted or combo cards show   ₹599 ~~₹678~~   with   Save ₹79   just below the price.
   ===================================================================== */
.fd-tile__img{border-radius:20px 20px 0 0}.fd-tile__price,.fd-tile__save{display:none}
.fd-tile__strip{display:flex;flex-direction:column;justify-content:center;gap:3px;min-height:var(--st1,32px);padding:6px 10px;border:1px solid var(--fd-border);border-top:0;border-radius:0 0 20px 20px;background:#EEF2FF;color:#1E3A8A;text-decoration:none;overflow:hidden}
.fd-tile--two .fd-tile__strip{min-height:var(--st2,52px)}
.fd-tile__pr{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 6px;font-size:13px;line-height:1.2}.fd-tile__pr b{font-weight:800;font-size:1.08em}.fd-tile__pr s{font-size:.82em;font-weight:500;color:#64748B;text-decoration:line-through}
.fd-tile__sv{align-self:flex-start;background:#16A34A;color:#fff;font-weight:800;font-size:10.5px;line-height:1;padding:3px 8px;border-radius:999px;white-space:nowrap}
:root[data-theme="dark"] .fd-tile__strip{background:#1A2547;color:#DCE6FF}:root[data-theme="dark"] .fd-tile__pr s{color:#94A3B8}:root[data-theme="dark"] .fd-tile__sv{background:#22C55E;color:#06210F}
.fd-tile__name{margin-top:2px}
@media(max-width:599px){.fd-tile{--st1:26px;--st2:40px}.fd-tile__img{border-radius:13px 13px 0 0}.fd-tile__strip{padding:4px 6px;border-radius:0 0 13px 13px;gap:2px}.fd-tile__pr{font-size:11px;gap:1px 4px}.fd-tile__sv{font-size:9px;padding:2px 6px}}
@media(min-width:600px) and (max-width:899px){.fd-tile{--st1:30px;--st2:48px}.fd-tile__img{border-radius:18px 18px 0 0}.fd-tile__strip{border-radius:0 0 18px 18px;padding:5px 8px}.fd-tile__pr{font-size:12.5px}}
@media(max-width:359px){.fd-tile__strip{padding:4px 5px}.fd-tile__pr{font-size:10px;gap:1px 3px}.fd-tile__sv{font-size:8.5px;padding:2px 5px}}

/* ===== feedback cards, round 3: a flip that works everywhere (each face turns by itself), cards of one size, Google button ===== */
.fd-fc{perspective:none}
.fd-fc__in{transform-style:flat!important;transform:none!important;transition:none!important}
.fd-fc__f,.fd-fc__b{transition:transform .7s cubic-bezier(.2,.8,.2,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform}
.fd-fc__f{transform:perspective(1200px) rotateY(0deg)}.fd-fc__b{transform:perspective(1200px) rotateY(180deg)}
.fd-fc.is-flipped .fd-fc__f,.fd-fc:focus-visible .fd-fc__f{transform:perspective(1200px) rotateY(-180deg)}.fd-fc.is-flipped .fd-fc__b,.fd-fc:focus-visible .fd-fc__b{transform:perspective(1200px) rotateY(0deg)}
.fd-fc.is-hover .fd-fc__f{transform:perspective(1200px) rotateY(-180deg)}.fd-fc.is-hover .fd-fc__b{transform:perspective(1200px) rotateY(0deg)}
.fd-fc.is-hover{transform:rotate(0) translateY(-10px) scale(1.03);z-index:6}.fd-fc.is-hover .fd-fc__f,.fd-fc.is-hover .fd-fc__b{box-shadow:0 26px 50px rgba(124,58,237,.28)}
.fd-fc{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.fd-fc__pic{position:relative;min-height:0}.fd-fc__pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fd-fc__sn{height:calc(1.5em * 3);min-height:0}.fd-fc__nm{height:1.7em;white-space:nowrap}.fd-fc__nm b{min-width:0}
@media(max-width:599px){
 .fd-fc{--dy:0px!important}.fd-fc:nth-child(odd){--r:-2deg!important}.fd-fc:nth-child(even){--r:2deg!important}
 .fd-fc__sn{height:calc(1.45em * 3)}
}
@media(prefers-reduced-motion:reduce){.fd-fc__f,.fd-fc__b{transition:none}}
.fd-fb__foot{display:flex;justify-content:center;margin-top:clamp(2px,1vw,10px)}
.fd-fb__g{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 22px;border-radius:999px;background:var(--fd-surface);border:1px solid var(--fd-border);box-shadow:var(--fd-shadow);color:var(--fd-text-strong);font-weight:700;font-size:15px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}
.fd-fb__g:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(15,23,42,.14);border-color:var(--fd-primary);color:var(--fd-text-strong)}.fd-fb__g:focus-visible{outline:3px solid var(--fd-primary);outline-offset:3px}
/* feedback cards: one fixed-width column, so a long name or a wide picture can never make one card wider or taller than the others */
.fd-fc__in{grid-template-columns:minmax(0,1fr)}.fd-fc__f,.fd-fc__b{min-width:0;box-sizing:border-box}.fd-fc__nm{min-width:0}.fd-fc__nm b{min-width:0;max-width:calc(100% - 4.2em)}
.fd-fc__stars{flex:none;white-space:nowrap}

/* ===== feedback, round 4: the hidden face can never show through (some phones ignore backface-visibility), a calm dark mode, and the Google button on the right ===== */
.fd-fc__f,.fd-fc__b{transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity 0s linear .33s}
.fd-fc__f{opacity:1}.fd-fc__b{opacity:0;pointer-events:none}
.fd-fc.is-flipped .fd-fc__f,.fd-fc.is-hover .fd-fc__f,.fd-fc:focus-visible .fd-fc__f{opacity:0;pointer-events:none}
.fd-fc.is-flipped .fd-fc__b,.fd-fc.is-hover .fd-fc__b,.fd-fc:focus-visible .fd-fc__b{opacity:1;pointer-events:auto}
.fd-fc__f *,.fd-fc__b *{-webkit-backface-visibility:hidden;backface-visibility:hidden}
:root[data-theme="dark"] .fd-fb{background:var(--fd-surface);border-color:var(--fd-border)}
@media(max-width:899px){:root[data-theme="dark"] .fd-fb{background:none;border:0;box-shadow:none}}
.fd-fb__foot{justify-content:flex-end}
@media(prefers-reduced-motion:reduce){.fd-fc__f,.fd-fc__b{transition:none}}