.portrait-hero{--hero-gutter:clamp(24px,6vw,88px);isolation:isolate;color:#fff;background:#100e17;min-height:clamp(470px,46vw,640px);position:relative;overflow:hidden}.portrait-hero__background,.portrait-hero__shade{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.portrait-hero__background{z-index:0;opacity:0}.portrait-hero__background[data-ready=true]{opacity:1}.portrait-hero__shade{z-index:1;background:linear-gradient(100deg,#190f31d9,#2314374d 48%,#0000 80%)}.portrait-hero[data-direction=carbon] .portrait-hero__shade{background:linear-gradient(90deg,#0c091647,#0000 60%)}.portrait-hero:after{content:"";z-index:3;pointer-events:none;background:linear-gradient(#0000 56%,#130b208c 84%,#130b20f5);position:absolute;inset:0}.portrait-hero__copy{z-index:4;padding:var(--hero-gutter);position:relative}.portrait-hero h1{max-width:54%;font-family:var(--font-bebas),sans-serif;letter-spacing:-.015em;margin:0;font-size:clamp(52px,7vw,112px);font-weight:400;line-height:.98}.portrait-hero h1 span{color:#000}.portrait-hero__footer{z-index:4;inset:auto var(--hero-gutter)clamp(48px,5vw,72px);justify-content:space-between;align-items:flex-end;gap:16px;display:flex;position:absolute}.portrait-hero__role span{color:#d3c9de;margin-top:1px;font-size:clamp(14px,1.15vw,18px);line-height:1.25;display:block}.portrait-hero__role p{margin:0;font-size:clamp(18px,1.7vw,24px);font-weight:600;line-height:1.15}.portrait-hero__language{top:8px;right:var(--hero-gutter);z-index:5;position:absolute}.portrait-hero__language-button{min-height:44px;padding:0 4px}.portrait-hero a:focus-visible,.portrait-hero button:focus-visible{outline-offset:5px;outline:2px solid #fff}@media (max-width:480px){.portrait-hero{min-height:480px}.portrait-hero__copy{padding:24px}.portrait-hero h1{max-width:100%;font-size:52px}.portrait-hero__footer{gap:12px;inset:auto 24px 48px}.portrait-hero__role{max-width:60%}}.fintech-marquee__text{color:#aea5c6;-webkit-text-fill-color:transparent;background-image:linear-gradient(45deg,#eae7f0 0%,#aea5c6 50%,#8873a8 100%);-webkit-background-clip:text;background-clip:text}@media (forced-colors:active){.fintech-marquee__text{color:canvastext;-webkit-text-fill-color:currentColor;background-image:none}}@media (prefers-reduced-motion:reduce){.mantine-Marquee-content{animation:none!important}}@media (max-width:768px){.mantine-Scroller-control{display:none}}.grain-card{position:relative;overflow:hidden}.grain-card:before{content:"";opacity:.15;pointer-events:none;z-index:1;border-radius:inherit;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;position:absolute;inset:0}.hero-shuffle{z-index:4;cursor:pointer;touch-action:pan-y;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.hero-shuffle:focus-visible{outline-offset:-4px;outline:2px solid #fff}.portrait-hero__copy,.portrait-hero__footer{z-index:5;pointer-events:none}.portrait-hero__language{z-index:6}.hero-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:760px){.portrait-hero__footer{flex-direction:row;align-items:flex-end;gap:12px}.portrait-hero__role{max-width:100%}}.portrait-hero__language-button{background:0 0;border-radius:4px;padding:0 8px}.portrait-hero .hero-shuffle:focus-visible,.hero-lab .hero-shuffle:focus-visible{outline-offset:-4px}.hero-edge-fade{z-index:4;pointer-events:none;background:linear-gradient(#0000,#000);height:20px;position:absolute;bottom:0;left:0;right:0}.hero-edge-fade--top{background:linear-gradient(#000,#0000);top:0;bottom:auto}.demos-section{padding-top:clamp(96px,12vw,160px);padding-bottom:clamp(40px,6vw,80px)}.carousel-item__caption:focus-visible{outline-offset:4px;outline:2px solid #fff}.demo-card{background:#fff;border:1px solid #ffffffb3;border-radius:16px;transition:border-color .18s,box-shadow .18s;box-shadow:inset 0 0 0 1px #fff5}.demo-card__backdrop{isolation:isolate;pointer-events:none;border-radius:3px;width:96px;position:absolute;top:22px;bottom:68px;left:50%;overflow:hidden;transform:translate(-50%)}.demo-card:hover{border-color:#fff;box-shadow:inset 0 0 0 1px #fff,inset 0 -20px 30px #fff4}.demo-card:focus-visible{outline-offset:-3px;outline:2px solid #0071e3}.demo-card:before{display:none}.demo-card__meta{color:#394145;font-variant-numeric:tabular-nums;letter-spacing:.06em;z-index:3;pointer-events:none;justify-content:space-between;align-items:center;font-size:10px;font-weight:500;display:flex;position:absolute;inset:13px 13px auto}.demo-card__meta svg{transition:transform .18s}.demo-card:hover .demo-card__meta svg{transform:translate(2px,-2px)}.demo-card__title{letter-spacing:-.045em;padding-bottom:3px}.demo-card__ground{pointer-events:none;background:radial-gradient(#374b552b 0%,#374b5510 40%,#0000 72%);width:64%;height:16px;position:absolute;top:151px;left:18%}.demo-artwork{pointer-events:none;background:var(--demo-fallback)center/contain no-repeat;position:absolute;inset:12px 0 60px;-webkit-mask-image:repeating-linear-gradient(#000 0 2px,#000000f5 2px 3px);mask-image:repeating-linear-gradient(#000 0 2px,#000000f5 2px 3px)}.demo-artwork[data-ready=true]{background-image:none}.demo-artwork__canvas{width:100%;height:100%;image-rendering:pixelated;display:block}@media (prefers-reduced-motion:reduce){.demo-card,.demo-card__meta svg{transition:none}.demo-card:hover .demo-card__meta svg{transform:none}}
