.motion-word{transform-origin:bottom;display:inline-block}.motion-words{perspective:1100px}.site-shell{background:var(--color-surface)}.site-shell main{min-width:0}.site-shell main>:is(section,div){scroll-margin-top:96px}.card-3d{background:var(--surface-sheen);border-color:var(--color-line);border-radius:var(--radius-card-compact);box-shadow:var(--shadow-sculpted);transform-origin:50%;transition:transform var(--duration-surface) var(--ease-soft), box-shadow var(--duration-surface) var(--ease-soft), border-color var(--duration-control) var(--ease-soft)}.card-3d:before{opacity:.55}.card-3d:after{background:radial-gradient(450px circle at var(--mx,50%) var(--my,0%), #49b6c420, transparent 65%)}@media (hover:hover) and (pointer:fine){.card-3d:not([data-tilt=off]):not(:has(form,input,textarea,select,table)):hover{transform:translateY(var(--surface-lift));box-shadow:var(--shadow-sculpted-hover);border-color:var(--color-brand-200)}}.action-control:not(:disabled):active{transform:translateY(1px)scale(.985)}.action-control.bg-brand-gradient{background-image:linear-gradient(160deg, var(--color-brand-500), var(--color-brand-700));box-shadow:inset 0 1px 0 #ffffff4d, 0 3px 0 color-mix(in srgb,var(--color-brand-800),transparent 35%), 0 10px 22px -10px #7138ce70}.action-control.bg-brand-gradient:hover{box-shadow:inset 0 1px 0 #ffffff60, 0 3px 0 color-mix(in srgb,var(--color-brand-800),transparent 35%), 0 17px 28px -12px #7138ce80}.action-control:disabled{transform:none}.icon-tile{color:#356dc2;background:linear-gradient(145deg,#f9fcff,#dbeafd);border:1px solid #d4e6f7;box-shadow:inset 0 2px 2px #fff,inset -2px -3px 4px #ae81d126,2px 3px #d5bae93d,4px 8px 16px #75479514}.icon-bead{box-shadow:inset 0 1px 2px #ffffff70,inset -2px -3px 4px #40216135,0 5px 12px -4px #7138ce65}.dark .icon-tile{color:#c5a0f0;background:linear-gradient(145deg,#39254e,#251b33);border-color:#594073}.ui-field{border-radius:var(--radius-field);background-color:var(--color-surface);box-shadow:var(--field-shadow);transition-duration:var(--duration-control)}.ui-field:not([aria-invalid=true]):focus-visible{border-color:var(--color-brand-500);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-brand-400),transparent 86%)}dialog{border-color:var(--color-line);border-radius:22px;box-shadow:0 35px 110px #2a173650,inset 0 1px #ffffff50}dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#130c225c}[role=tablist]{background:var(--color-canvas-raised);border-color:var(--color-line);border-radius:13px}[role=tab][aria-selected=true]{box-shadow:var(--shadow-e1)}.site-shell details{border-color:var(--color-line)}.site-shell details[open]{box-shadow:var(--shadow-sculpted)}.site-shell :is(a,button,input,textarea,select):focus-visible{outline-color:var(--focus-color)}@media (max-width:700px){.card-3d{border-radius:var(--radius-card-compact)}.action-control{min-height:42px}.ui-field{font-size:16px}}html[data-motion=reduce] :is(.card-3d,[data-tilt],.motion-word,[data-reveal]){transition:none!important;animation:none!important}html[data-motion=reduce] :is(.card-3d:hover,.action-control:active){transform:none!important}
:is(.card-3d,.card-surface,.card-lift,.reference-card){--card-accent:#04596c;--card-light:#35e2e8}:is(.card-3d,.card-surface,.card-lift,.reference-card):nth-child(6n+2),:nth-child(6n+2)>:is(.card-3d,.card-lift,.reference-card){--card-accent:#17212d;--card-light:#7b91a4}:is(.card-3d,.card-surface,.card-lift,.reference-card):nth-child(6n+3),:nth-child(6n+3)>:is(.card-3d,.card-lift,.reference-card){--card-accent:#94183f;--card-light:#ff7893}:is(.card-3d,.card-surface,.card-lift,.reference-card):nth-child(6n+4),:nth-child(6n+4)>:is(.card-3d,.card-lift,.reference-card){--card-accent:#103da5;--card-light:#65a5ff}:is(.card-3d,.card-surface,.card-lift,.reference-card):nth-child(6n+5),:nth-child(6n+5)>:is(.card-3d,.card-lift,.reference-card){--card-accent:#854000;--card-light:#ffc14f}:is(.card-3d,.card-surface,.card-lift,.reference-card):nth-child(6n+6),:nth-child(6n+6)>:is(.card-3d,.card-lift,.reference-card){--card-accent:#04543e;--card-light:#52e7ae}:is(.card-3d,.reference-card).card-accent-blue{--card-accent:#1752c0;--card-light:#68a4ff}:is(.card-3d,.reference-card).card-accent-violet{--card-accent:#6333ab;--card-light:#b88af0}:is(.card-3d,.reference-card).card-accent-amber{--card-accent:#a95a06;--card-light:#ffbf47}:is(.card-3d,.reference-card).card-accent-coral{--card-accent:#b82e55;--card-light:#ff91a0}:is(.card-3d,.reference-card).card-accent-emerald{--card-accent:#096d53;--card-light:#5ce0ac}:is(.card-3d,.reference-card).card-accent-cyan{--card-accent:#087b8e;--card-light:#38d2d7}:is(.card-3d,.card-lift,.reference-card):not(:has(form,input,textarea,select,table,.card-3d)){--color-ink:#fff;--color-ink-soft:#f4f6ff;--color-ink-muted:#f0f4ff;--color-line:#ffffff30;--color-line-strong:#ffffff60;--color-canvas:#ffffff12;--color-canvas-raised:#ffffff1c;--color-brand-50:#ffffff14;--color-brand-100:#ffffff25;--color-brand-200:#ffffff50;--color-brand-600:#fff;--color-brand-700:#fff;--color-brand-400:#fff;color:#fff;background:radial-gradient(ellipse at 8% 0%, color-mix(in srgb, var(--card-light), transparent 86%), transparent 54%), linear-gradient(150deg, color-mix(in srgb, var(--card-accent), #000 15%), color-mix(in srgb, var(--card-accent), #000 30%));border:1px solid color-mix(in srgb, var(--card-light), var(--card-accent) 45%);border-radius:var(--radius-card);box-shadow:var(--shadow-jewel);transition:transform var(--duration-surface) var(--ease-soft), box-shadow var(--duration-surface) var(--ease-soft)}:is(.card-3d,.reference-card):before,:is(.card-3d,.reference-card):after{pointer-events:none}.card-3d:after{background:0 0}:is(:is(.card-3d,.reference-card):not(:has(form,input,textarea,select,table,.card-3d)) :is(h3,p,small),.reference-card:not(:has(form,input,textarea,select,table,.card-3d))>a){color:#fff;text-shadow:0 1px 2px #08132955}:is(.card-3d,.reference-card):not(:has(form,input,textarea,select,table,.card-3d)) p{opacity:.92}:is(.card-3d,.reference-card) .icon-tile{color:#fff;box-shadow:var(--shadow-tile);background:linear-gradient(145deg,#ffffff35,#ffffff08);border-color:#ffffff50}.icon-tile>svg{filter:none;opacity:1;flex-shrink:0;display:block}.card-3d .card-corner{color:#fff;background:#ffffff18;border-color:#ffffff45}:is(.site-shell,[data-admin-ui]) main :where(.rounded-2xl.border.border-line.bg-surface,.rounded-3xl.border.border-line.bg-surface):not(.card-3d,.card-lift,.card-surface){--panel-accent:#168a9e;background:linear-gradient(135deg, color-mix(in srgb, var(--panel-accent) 7%, var(--color-surface)), var(--color-surface) 70%);border-color:color-mix(in srgb, var(--panel-accent) 24%, var(--color-line));box-shadow:var(--shadow-sculpted)}:is(.site-shell,[data-admin-ui]) main :where(.rounded-2xl.border.border-line.bg-surface,.rounded-3xl.border.border-line.bg-surface):nth-child(3n+2):not(.card-3d,.card-lift,.card-surface){--panel-accent:#8550ba}:is(.site-shell,[data-admin-ui]) main :where(.rounded-2xl.border.border-line.bg-surface,.rounded-3xl.border.border-line.bg-surface):nth-child(3n):not(.card-3d,.card-lift,.card-surface){--panel-accent:#b96619}.card-surface:not(.card-3d){border-color:color-mix(in srgb, var(--card-accent) 25%, var(--color-line));background:linear-gradient(140deg, color-mix(in srgb, var(--card-accent) 6%, var(--color-surface)), var(--color-surface) 65%);box-shadow:var(--shadow-sculpted);border-radius:var(--radius-card)}.card-3d:has(form,input,textarea,select,table,.card-3d){border-color:color-mix(in srgb, var(--card-accent) 25%, var(--color-line));background:linear-gradient(140deg, color-mix(in srgb, var(--card-accent) 6%, var(--color-surface)), var(--color-surface) 65%);box-shadow:var(--shadow-sculpted);border-radius:var(--radius-card)}@media (hover:hover) and (pointer:fine){:is(.card-3d,.card-lift,.reference-card):not([data-tilt=on]):not(:has(form,input,textarea,select,table,.card-3d)):hover{transform:translateY(var(--surface-lift));border-color:var(--card-light);box-shadow:var(--shadow-jewel-hover)}}@media (max-width:700px){:is(.card-3d,.card-surface,.card-lift,.reference-card){border-radius:var(--radius-card-compact)}}html[data-motion=reduce] :is(.card-3d,.card-lift,.reference-card){transition:none!important}
.action-control.action-control{--action-color:var(--action-accent-primary);--action-light:var(--action-accent-primary-light);--color-ink:var(--action-ink);--color-ink-muted:var(--action-muted);gap:var(--action-gap);border:var(--border-width-ui) solid var(--action-border);border-radius:var(--radius-control);color:var(--action-ink);background:var(--action-face);box-shadow:var(--action-shadow);min-height:var(--control-height);font-weight:600;line-height:var(--action-line-height);transition:transform var(--duration-control) var(--ease-soft), box-shadow var(--duration-control) var(--ease-soft), border-color var(--duration-control) var(--ease-soft);padding-inline:8px 18px;text-decoration:none}.action-control:not(.action-danger):has(.action-glyph[data-tone=success]){--action-color:var(--action-accent-success);--action-light:var(--action-accent-success-light)}.action-control.disclosure-control{white-space:normal;border-radius:16px;justify-content:flex-start;padding:12px 16px}.action-control.disclosure-control[aria-expanded=true]{border-color:#ac84e0}.action-control.process-stage{letter-spacing:-.02em;white-space:normal;text-align:left;padding:7px 16px 7px 8px;font-size:clamp(13px,1.25vw,17px)}.action-control.process-stage>span{flex:1}.action-control.process-stage>small{color:var(--action-muted)}.action-control.process-stage[aria-pressed=true]{--action-color:var(--action-accent-success);--action-light:var(--action-accent-success-light);border-color:#46c99a;box-shadow:inset 0 1px 1px #ffffff30,0 0 0 2px #46c99a26}.action-control.action-secondary,.action-control.action-outline{--action-color:var(--action-accent-secondary);--action-light:var(--action-accent-secondary-light)}.action-control.action-danger{--action-color:var(--action-accent-danger);--action-light:var(--action-accent-danger-light);border-color:#e56b8050}.action-control.action-control.action-ghost{color:var(--action-inverse);--action-color:var(--action-accent-quiet);--action-light:var(--action-accent-quiet-light);background:linear-gradient(150deg,#394251,#252c38)}.action-control.action-xs{min-height:var(--control-height-xs);padding-inline:5px 12px}.action-control.action-sm{min-height:var(--control-height-sm);padding-inline:5px 14px}.action-content{min-width:0}.action-control>svg,.action-content>svg{width:var(--action-icon-size);height:var(--action-icon-size);padding:var(--action-icon-padding);box-sizing:border-box;border-radius:var(--action-icon-radius);color:var(--action-light);stroke-width:2px;border:1px solid color-mix(in srgb,var(--action-light),transparent 40%);background:radial-gradient(ellipse at 30% 0%,color-mix(in srgb,var(--action-color),#fff 18%),transparent 75%), linear-gradient(145deg,color-mix(in srgb,var(--action-color),#111 35%),color-mix(in srgb,var(--action-color),#080c15 70%));box-shadow:var(--shadow-action-icon);flex-shrink:0;order:-1}.action-control.action-xs .action-content>svg{width:var(--action-icon-size-xs);height:var(--action-icon-size-xs);padding:var(--action-icon-padding-xs);border-radius:var(--action-icon-radius-xs)}.action-control.action-sm .action-content>svg{width:var(--action-icon-size-sm);height:var(--action-icon-size-sm);padding:var(--action-icon-padding-sm);border-radius:var(--action-icon-radius-sm)}.action-control.shine:after{display:none}.action-control:focus-visible,.icon-control:focus-visible{outline:var(--focus-width) solid var(--focus-color);outline-offset:var(--focus-offset)}.action-control.action-control:disabled,.icon-control:disabled{opacity:.5;box-shadow:none;cursor:not-allowed;transform:none}.icon-control.icon-control{color:#eaf4ff;transition:transform var(--duration-control) var(--ease-soft), box-shadow var(--duration-control) var(--ease-soft);background:radial-gradient(at 30% 0,#60758d,#263343 70%);border:1px solid #8094ad65;border-radius:50%;box-shadow:inset 0 1px 2px #ffffff60,inset 0 -2px 3px #0004,0 5px 12px -8px #09162690}@media (hover:hover) and (pointer:fine){.action-control.action-control:not(:disabled):hover{color:#101722;border-color:color-mix(in srgb,var(--action-color),#dce4f0 45%);box-shadow:inset 0 1px 1px #fff,0 12px 26px -15px var(--action-color),0 3px 8px #14213d18;background:#fff;transform:translateY(-2px)}.action-control.action-control.action-ghost:not(:disabled):hover{color:var(--action-ink)}.icon-control:not(:disabled):hover{color:#fff;transform:translateY(-2px);box-shadow:inset 0 1px 2px #ffffff70,0 7px 14px -8px #2499ddaa}}.action-control.action-control:not(:disabled):active{transform:translateY(1px)}@media (max-width:700px){.action-control.action-control,.icon-control.icon-control{min-height:var(--control-height)}.icon-control.icon-control{min-width:var(--control-height)}}html[data-motion=reduce] :is(.action-control.action-control,.icon-control.icon-control){transition:none}html[data-motion=reduce] .action-control.action-control:active{transform:none}@media (forced-colors:active){.action-control.action-control,.icon-control.icon-control{color:buttontext;box-shadow:none;background:buttonface;border-color:buttontext}.action-control>svg,.action-content>svg{color:buttontext;box-shadow:none;background:0 0;border-color:buttontext}.action-control:focus-visible,.icon-control:focus-visible{outline-color:highlight}}
html,body{max-width:100%;overflow-x:clip}@media (max-width:720px){img,svg,video,canvas,iframe{max-width:100%}[data-home-experience] :where(h1,h2,h3,h4,p,li,span,a){overflow-wrap:anywhere}[data-home-experience] :where(pre,code,table){max-width:100%;overflow-x:auto}[data-home-experience] section{padding-top:56px;padding-bottom:56px}[data-home-experience] :where(h2){font-size:clamp(1.6rem,7.6vw,2.2rem);line-height:1.14}[data-home-experience] :where(h3){font-size:clamp(1.12rem,4.8vw,1.3rem);line-height:1.3}[data-home-experience] :where(p){font-size:1rem;line-height:1.68}[data-home-experience] a[class*=pill]{min-height:48px}}@media (max-width:480px){[data-home-experience] section{padding-top:44px;padding-bottom:44px}[data-home-experience] :where(h2){font-size:clamp(1.45rem,7.4vw,1.9rem)}[data-home-experience] :where(p){font-size:.97rem}}
#service-matcher,#solution-comparison{margin-bottom:clamp(48px,6vw,80px)}#service-catalogue{gap:clamp(48px,6vw,64px)}#service-catalogue h2{text-wrap:balance}#service-catalogue h2+span,#service-catalogue>section>div>span:first-child{flex:none}#service-catalogue [class*=grid]>*{min-width:0}#service-catalogue p{text-wrap:pretty}@media (max-width:520px){#service-catalogue{gap:clamp(40px,9vw,48px)}}
.juspay-site,.site-shell{--ip-surface:#101318;--ip-surface-2:#0c0f14;--ip-line:#ffffff1f}:is(.site-shell,.juspay-site) :is(.card-3d,.card-lift,.reference-card):not(:has(form,input,textarea,select,table,.card-3d)){background:radial-gradient(120% 90% at 0% 0%, color-mix(in srgb, var(--card-light), transparent 94%), transparent 60%), linear-gradient(168deg, var(--ip-surface), var(--ip-surface-2));border:1px solid var(--ip-line);box-shadow:inset 0 1px #ffffff0d,0 18px 40px -28px #000c}:is(.site-shell,.juspay-site) :is(.card-3d,.card-lift,.reference-card):not(:has(form,input,textarea,select,table,.card-3d)) :is(h3,p,small){text-shadow:none}:is(.site-shell,.juspay-site) :is(.card-3d,.reference-card):not(:has(form,input,textarea,select,table,.card-3d)) h3{letter-spacing:-.01em;color:#f7f8fa;font-size:clamp(16px,.55vw + 14.5px,18px);font-weight:600}:is(.site-shell,.juspay-site) :is(.card-3d,.reference-card):not(:has(form,input,textarea,select,table,.card-3d)) p{color:#a9adb8;opacity:1;text-wrap:pretty;font-size:clamp(13.5px,.3vw + 13px,14.5px);line-height:1.62}:is(.site-shell,.juspay-site) :is(.card-3d,.reference-card) .icon-tile{background:color-mix(in srgb, var(--card-light), transparent 88%);border-color:color-mix(in srgb, var(--card-light), transparent 72%);color:color-mix(in srgb, var(--card-light), #fff 25%);box-shadow:none}:is(.site-shell,.juspay-site) .card-3d .card-corner{border-color:var(--ip-line);color:#cdd2dc;background:#ffffff0f}@media (hover:hover) and (pointer:fine){:is(.site-shell,.juspay-site) :is(.card-3d,.card-lift,.reference-card):not([data-tilt=on]):not(:has(form,input,textarea,select,table,.card-3d)):hover{border-color:color-mix(in srgb, var(--card-light), transparent 58%);box-shadow:inset 0 1px 0 0 #ffffff14, 0 24px 55px -30px #000000e6, 0 0 0 1px color-mix(in srgb, var(--card-light), transparent 80%)}}:is(.site-shell,[data-admin-ui]) main :where(.rounded-2xl.border.border-line.bg-surface,.rounded-3xl.border.border-line.bg-surface):not(.card-3d,.card-lift,.card-surface){--panel-accent:#3079ea}.site-shell main h2{letter-spacing:-.02em;text-wrap:balance}.site-shell main h3{letter-spacing:-.012em}.site-shell main p{text-wrap:pretty}#service-catalogue h2,.site-shell main section>header h2{font-size:clamp(22px,1.1vw + 19px,30px)}.site-shell main [class*=grid]>*{min-width:0}
@keyframes page-enter{0%{opacity:0;filter:blur(2px);transform:translateY(12px)}to{opacity:1;filter:none;transform:none}}html:not([data-motion=reduce]) .page-enter{animation:.46s cubic-bezier(.22,1,.36,1) backwards page-enter}