[hidden]{display:none !important}
/* Everything around the ported live page (live.css): the floating language bar, the hero film layer,
   the menu, the partner chat's details form, WhatsApp, and the hover states Framer runs in script. */
@property --ao{syntax:'<number>';inherits:false;initial-value:1}
@property --so{syntax:'<number>';inherits:false;initial-value:1}
:root{--k-blue:#002fff;--k-lav:#ccd5ff;--k-lav-2:#aabaff;--k-navy:#000933;--k-display:"League Spartan","Anton",Impact,sans-serif;--k-text:"Inter",system-ui,sans-serif}
body{background:#000}
.hero[data-k-hero]{position:relative;z-index:1;background:var(--stage)}
.fx-w{display:inline-block}

/* language: a blue button top left, the twin of the live cart button top right (48px, radius 10,
   40/60 from the corner, 20/20 on phones), opening a frosted card like the live menu */
.bar{inset:40px auto auto 60px;height:auto;padding:0;background:none;z-index:45;display:block;color:inherit}
.on-film .bar{background:none}
.lang-btn{min-width:48px;width:auto;height:48px;padding:0 16px !important;border:0;border-radius:10px;background:rgb(0,47,255);color:#fff;cursor:pointer;display:grid;place-items:center;font:600 15px/1 Inter,sans-serif;padding:0}
.lang-btn span:lang(ta),.lang-btn span:lang(te),.lang-btn span:lang(kn),.lang-btn span:lang(ml),.lang-btn span:lang(hi){font:700 16px/1 var(--indic)}
.bar .langs button:lang(ta),.bar .langs button:lang(te),.bar .langs button:lang(kn),.bar .langs button:lang(ml),.bar .langs button:lang(hi){font-family:var(--indic)}
.lang-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}
.bar .langs{position:absolute;top:58px;left:0;display:grid;gap:4px;padding:8px;min-width:150px;border-radius:14px;background:rgb(255 255 255/.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px rgb(0 0 0/.12)}
.bar .langs[hidden]{display:none}
.bar .langs button{text-align:left;border-radius:10px;padding:10px 12px;font-size:15px;color:#000;background:none}
.bar .langs button:hover{background:rgb(0 47 255/.08)}
.bar .langs button[aria-pressed="true"]{background:rgb(0,47,255);color:#fff}
.on-film .bar .langs,.on-film .bar .langs button{color:#000}
@media (max-width:809.98px){
  .bar{inset:20px auto auto 20px}
  /* on phones the live logo sits top centre over the hero: the button gives way there */
  .past-prelude.at-hero .bar{opacity:0;pointer-events:none}
}
.bar{transition:opacity .3s}
/* the wordmark with its tagline, top centre over the film; the live page below has its own big logo */
.k-lock{position:fixed;top:40px;left:50%;transform:translateX(-50%);z-index:44;display:grid;justify-items:center;gap:7px;width:220px;color:#fff;text-decoration:none;filter:drop-shadow(0 1px 8px rgb(0 0 0/.45));transition:opacity .3s}
.k-lock img{width:100%;height:auto;filter:brightness(0) invert(1)}
.k-lock span{font:900 17.4px/1 var(--k-display);letter-spacing:.05em;white-space:nowrap}
.past-prelude .k-lock{opacity:0;pointer-events:none}
@media (max-width:809.98px){.k-lock{top:22px;width:150px;gap:5px}.k-lock span{font-size:11.8px}}

/* the cart and the bottom pill sit above the prelude too */
.framer-723cm2-container,.framer-1y407g9-container{z-index:45 !important}
.framer-1y407g9-container .framer-yg1o5d{cursor:pointer}
body.menu-open .framer-1y407g9-container{visibility:hidden}

/* the hero film: fixed under the page, seen through the transparent hero section (as on live) */
.hero-layer{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:#d4d4d4;visibility:hidden}
.hero-layer.on{visibility:visible}
.hero-layer video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-shade{position:absolute;inset:0;background:#000;opacity:.3}
.hero-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:18px;width:min(548px,80vw)}
.hero-mark img{width:100%;height:auto;filter:brightness(0) invert(1)}
.hero-tag{margin:0;font:900 48px/1 var(--k-display);letter-spacing:-1px;color:#fff;text-align:center}
@media (max-width:809.98px){.hero-tag{font-size:32px}.hero-mark{width:min(320px,80vw)}}
#hero{z-index:1}

/* menu: a frosted card opening upward from the pill */
.live-menu{position:fixed;left:50%;bottom:40px;transform:translateX(-50%);z-index:46;width:240px;padding:28px 20px 14px;display:grid;justify-items:center;gap:14px;
  background:rgb(128 128 128/.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px}
.live-menu a{font:900 32px/1 var(--k-display);letter-spacing:-.5px;text-transform:uppercase;color:#000;text-decoration:none}
.live-menu a:hover{color:var(--k-blue)}
.live-menu a.live-menu-login{font:600 14px/1 Inter,sans-serif;letter-spacing:0;text-transform:none;color:var(--k-blue);text-decoration:underline;text-underline-offset:3px}
.live-menu-x{width:80px;height:70px;border:0;background:none;cursor:pointer;position:relative}
.live-menu-x span{position:absolute;left:30px;top:35px;width:20px;height:1px;background:#000}
.live-menu-x span:first-child{transform:rotate(45deg)}.live-menu-x span:last-child{transform:rotate(-45deg)}
@media (max-width:809.98px){.live-menu{width:210px}}

/* WhatsApp: the live pill */
.wa-float{position:fixed;right:24px;bottom:24px;z-index:44;display:flex;align-items:center;gap:8px;padding:14px 20px;border-radius:9999px;background:#16a34a;color:#fff;
  font:600 15px/1.2 var(--k-text);text-decoration:none;box-shadow:0 10px 25px -5px rgb(22 163 74/.55);white-space:nowrap}
.wa-float span{font-size:18px}
.wa-float:hover{background:#15803d}
@media (max-width:809.98px){.wa-float{left:50%;right:auto;transform:translateX(-50%);bottom:max(12px,env(safe-area-inset-bottom,0px))}}

/* partner chat: after a role card, the details form in the live chat's lavender */
.chat-flow{display:grid;gap:12px;margin-top:12px;font:500 16px/1.4 var(--k-text);color:#000}
.chat-flow .bubble{margin:0;background:var(--k-lav);border-radius:12px;padding:20px 24px;max-width:56ch}
.chat-flow .bubble.you{background:var(--k-blue);color:#fff;justify-self:end;font-weight:600}
.lead{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:var(--k-lav);border-radius:12px;padding:20px}
.lead .wide{grid-column:1 / -1}
.lead label{display:grid;gap:6px;font:600 14px/1.2 var(--k-text)}
.lead input,.lead textarea{font:400 16px/1.3 var(--k-text);padding:13px 14px;border-radius:12px;border:0;background:var(--k-lav-2);color:var(--k-navy);width:100%;box-sizing:border-box}
.lead input:focus-visible,.lead textarea:focus-visible{outline:1.5px dashed var(--k-blue);outline-offset:0;background:#8097ff}
.consent{margin:0;font-size:13px;color:#333}
.consent a{color:var(--k-blue)}
.err{margin:0;color:#b42318;font-weight:600;min-height:0}
.send{justify-self:start;display:inline-block;background:var(--k-blue);color:#fff;border:0;border-radius:12px;padding:20px 24px;cursor:pointer;
  font:900 18px/1 var(--k-display);letter-spacing:-.5px;text-transform:uppercase;text-decoration:none}
.send:hover{background:#0025cc}
.lead .link{justify-self:end;align-self:center;background:none;border:0;color:var(--k-blue);text-decoration:underline;cursor:pointer;font:600 14px var(--k-text);padding:0}
.ref{margin:0;font-weight:600}
@media (max-width:809.98px){.lead{grid-template-columns:1fr}.lead .link{justify-self:start}}
:root:not(:lang(en)) .chat-flow,:root:not(:lang(en)) .send{font-family:var(--indic),var(--k-text);text-transform:none}

/* hover states Framer plays in script (from the live components' hover variants) */
.framer-1xgc7d7{cursor:pointer;transition:background-color .2s}
.framer-1xgc7d7:hover,.framer-1xgc7d7:focus-visible{background-color:rgb(128 151 255) !important;outline:1.5px dashed var(--k-blue);outline-offset:-1.5px}
.framer-1xgc7d7:hover .framer-154718y{--extracted-r6o4lv:rgb(0 9 51)}
.framer-v-138wscj.framer-138wscj:hover,.framer-v-c0sjr9.framer-c0sjr9:hover,.framer-v-ok723r.framer-ok723r:hover,.framer-v-1imbwnj.framer-1imbwnj:hover,
.framer-v-55d7jk.framer-55d7jk:hover,.framer-v-1seuir5.framer-1seuir5:hover,.framer-v-b2wkpv.framer-b2wkpv:hover{opacity:1 !important}
.framer-v-2j5lek.framer-2j5lek:hover{background-color:rgb(51 51 51/.85) !important;opacity:1 !important}

/* translations: a heading set in two lines takes the whole translation in its first line */
:root:not(:lang(en)) [data-t-drop]{display:none}
:root:not(:lang(en)) [data-live] [data-t]{font-family:var(--indic),"Inter",sans-serif !important;text-transform:none;letter-spacing:0;overflow-wrap:anywhere}

@media (prefers-reduced-motion:reduce){.hero-layer video{display:none}}
/* Indic scripts run longer than the English they replace: headings and the intro step down a size */
:root:not(:lang(en)) [data-live] :is(h1,h2,h3)[data-t]{font-size:clamp(26px,3.6vw,52px) !important;line-height:1.2 !important}
:root:not(:lang(en)) [data-live] .framer-qvyis7-container p{font-size:clamp(22px,2.8vw,40px) !important;line-height:1.3 !important}