.hh-scrim{z-index:1;pointer-events:none;background:linear-gradient(90deg, var(--teal-985) 0%, #04181cf7 46%, #04181ced 56%, #04181cb3 72%, #04181c6b 100%);position:absolute;inset:0}[dir=rtl] .hh-scrim{background:linear-gradient(270deg, var(--teal-985) 0%, #04181cf7 46%, #04181ced 56%, #04181cb3 72%, #04181c6b 100%)}.hh-beats{z-index:4;padding-top:var(--header-h);pointer-events:none;grid-template-areas:"beat";align-items:center;display:grid;position:absolute;inset:0}.hh-beat{grid-area:beat;min-width:0}.hh-pe{pointer-events:auto}.hh-beat-2,.hh-beat-3{opacity:0;visibility:hidden}.hh-h1{letter-spacing:-.04em;font-weight:800;line-height:.92}.hh-h1 .accent-serif{letter-spacing:-.02em;font-weight:500}:is(:lang(ur),:lang(hi)) .hh-h1{letter-spacing:0;line-height:1.3}:lang(ur) .hh-h1{font-size:var(--text-display)}@media (max-width:1023px),(prefers-reduced-motion:reduce){.home-hero .jh-stage{height:auto;min-height:0}.hh-beats{min-height:min(100svh,920px);padding-block:calc(var(--header-h) + 2rem) calc(var(--sheet-overlap,2.5rem) + 2.25rem);pointer-events:auto;align-items:end;position:relative}.hh-beat-2,.hh-beat-3,.home-hero .jh-cue{display:none}}@media (max-width:639px){.hh-beats{min-height:0}}@media (max-width:1023px){.hh-scrim,[dir=rtl] .hh-scrim{background:linear-gradient(to bottom, #04181ce0, #04181cf2 35%, var(--teal-985))}}@media (min-width:1024px) and (prefers-reduced-motion:reduce){.hh-beats{align-items:center;min-height:min(100vh,900px)}}.hm-sep{background:var(--amber-500);border-radius:999px;flex-shrink:0;block-size:4px;inline-size:4px;display:inline-block}.si-num{color:#0000;-webkit-text-stroke:1px color-mix(in srgb, var(--teal-700) 60%, transparent)}.si-row:hover .si-num,.si-row:focus-visible .si-num{-webkit-text-stroke-color:var(--amber-600)}.si-arrow{transition:transform .3s var(--ease-out)}.si-row:hover .si-arrow,.si-row:focus-visible .si-arrow{transform:translate(4px)}[dir=rtl] .si-row:hover .si-arrow,[dir=rtl] .si-row:focus-visible .si-arrow{transform:translate(-4px)}.si-media{clip-path:inset(0 0 0 100%);transition:clip-path .5s var(--ease-out)}[dir=rtl] .si-media{clip-path:inset(0 100% 0 0)}.si-chip{transition:opacity .25s var(--ease-out)}@media (hover:hover) and (min-width:1024px){.si-row:hover .si-media,.si-row:focus-visible .si-media{clip-path:inset(0)}.si-row:hover .si-chip,.si-row:focus-visible .si-chip{opacity:0}}.st-aside{display:none}.st-num{color:#0000;-webkit-text-stroke:1px color-mix(in srgb, var(--teal-700) 70%, transparent)}.st-steps{padding-inline-start:1.75rem;position:relative}.st-steps:before{content:"";background:var(--line);inline-size:1px;position:absolute;inset-block:.6rem;inset-inline-start:2px}.st-step{position:relative}.st-step>.node{inset-inline-start:-1.75rem;position:absolute;top:.55rem}@media (min-width:1024px) and (prefers-reduced-motion:reduce){.st-steps{gap:var(--grid-gap);padding-inline-start:0;grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));padding-top:1.75rem;display:grid}.st-steps:before{block-size:1px;inline-size:auto;inset-block:2px auto;inset-inline:0}.st-step>.node{inset-inline-start:0;top:-1.75rem;transform:translateY(-2px)}}@media (min-width:1024px) and (prefers-reduced-motion:no-preference){.st-aside{display:block}.st-steps{padding-inline-start:0}.st-steps:before,.st-step>.node,.st-inline-num{display:none}.st-step{flex-direction:column;justify-content:center;min-height:55vh;display:flex}.st-step h3{transition:color .4s var(--ease-out)}.st:not([data-step="1"]) .st-step[data-n="1"] h3,.st:not([data-step="2"]) .st-step[data-n="2"] h3,.st:not([data-step="3"]) .st-step[data-n="3"] h3,.st:not([data-step="4"]) .st-step[data-n="4"] h3{color:var(--fg-muted)}.st-numwrap{display:grid}.st-num{opacity:0;transition:opacity .5s var(--ease-out), transform .7s var(--ease-out);grid-area:1/1;transform:translateY(.18em)}.st[data-step="1"] .st-num[data-n="1"],.st[data-step="2"] .st-num[data-n="2"],.st[data-step="3"] .st-num[data-n="3"],.st[data-step="4"] .st-num[data-n="4"]{opacity:1;transform:none}.st-track{background:var(--line);border-radius:999px;inline-size:4px;position:relative;overflow:hidden}.st-fill{border-radius:inherit;background:var(--amber-500);transform-origin:top;transition:transform .6s var(--ease-out);position:absolute;inset:0;transform:scaleY(.25)}.st[data-step="2"] .st-fill{transform:scaleY(.5)}.st[data-step="3"] .st-fill{transform:scaleY(.75)}.st[data-step="4"] .st-fill{transform:scaleY(1)}@supports (animation-timeline:view()){.st{timeline-scope:--st}.st-steps{view-timeline-name:--st}.st .st-fill{transition:none;animation:linear both st-fill;animation-timeline:--st;animation-range:contain}}}@keyframes st-fill{0%{transform:scaleY(.04)}to{transform:scaleY(1)}}.ps-stage{perspective:1600px}.ps-browser,.ps-phone{transition:transform 1s var(--ease-out), opacity .8s var(--ease-out)}.ps-phone{transition-delay:.12s}.ps-glass{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:hidden}.ps-glass>span{background:linear-gradient(105deg,#0000 20%,#ffffff29 50%,#0000 80%);inline-size:60%;position:absolute;inset-block:0}.ps-spot-line{transform-origin:0}@media (prefers-reduced-motion:no-preference){html.js [data-reveal=stage] .ps-browser{transform-origin:50% 100%}html.js [data-reveal=stage]:not([data-revealed]) .ps-browser{opacity:.35;transform:scale(.88)rotateX(10deg)}html.js [data-reveal=stage]:not([data-revealed]) .ps-phone{opacity:0;transform:translate(48px)}html.js[dir=rtl] [data-reveal=stage]:not([data-revealed]) .ps-phone{transform:translate(-48px)}html.js [data-reveal=stage] .ps-spot{transition:opacity .4s var(--ease-out), transform .5s var(--ease-spring,var(--ease-out));transition-delay:calc(.9s + var(--i,0) * .14s)}html.js [data-reveal=stage]:not([data-revealed]) .ps-spot{opacity:0;transform:scale(.6)}html.js [data-reveal=stage] .ps-glass>span{transform:translate(-120%)}html.js [data-reveal=stage][data-revealed] .ps-glass>span{animation:ps-sweep 1.4s var(--ease-out) .5s both}}@keyframes ps-sweep{0%{transform:translate(-120%)}to{transform:translate(260%)}}.ns-frame{clip-path:inset(0)}@media (prefers-reduced-motion:no-preference){html.js .ns-frame[data-reveal=frame]{transition:clip-path 1.1s var(--ease-out)}html.js .ns-frame[data-reveal=frame]:not([data-revealed]){clip-path:inset(8% round 24px)}html.js .ns-map[data-reveal] .ns-dot{transition:opacity .4s var(--ease-out), transform .5s var(--ease-out);transition-delay:calc(.3s + var(--i,0) * 90ms);transform-box:fill-box;transform-origin:50%}html.js .ns-map[data-reveal]:not([data-revealed]) .ns-dot{opacity:0;transform:scale(.2)}html.js .ns-map[data-reveal] .ns-outline{transition:stroke-dashoffset 1.6s var(--ease-out)}html.js .ns-map[data-reveal]:not([data-revealed]) .ns-outline{stroke-dashoffset:1px}}@media (min-width:1024px){.ns-pin:has(.ns-map) .ns-fig{grid-row:1}.ns-pin:has(.ns-map) .ns-map{grid-row:2}}@media (min-width:1024px) and (prefers-reduced-motion:reduce){.ns-step{border-top:1px solid #ffffff1f;padding-block:1.5rem}}@media (min-width:1024px) and (prefers-reduced-motion:no-preference){.ns-step{min-height:70vh}.ns-pin{top:calc(var(--header-h) + 18vh);padding-block:6vh;position:sticky}}.fd-paper{background-color:var(--sand-50,#fbf7ef);background-image:repeating-linear-gradient(#0000 0 31px,#0e2e330b 31px 32px)}.fd-margin{background:#d9820f59;inline-size:1px;position:absolute;inset-block:0;inset-inline-start:clamp(20px,3.2vw,44px)}@media (prefers-reduced-motion:no-preference){html.js [data-reveal=route] .fd-route{transition:stroke-dashoffset 1.4s var(--ease-out) .2s}html.js [data-reveal=route]:not([data-revealed]) .fd-route{stroke-dashoffset:1px}html.js [data-reveal=route] .fd-end{transition:opacity .4s var(--ease-out) 1.45s}html.js [data-reveal=route]:not([data-revealed]) .fd-end{opacity:0}}
