.mpx{--navy:#0a0a0a;--ink:#0a0a0a;--grey:#5b6270;--line:#e6e8ec;--display:var(--font-space-grotesk),"Helvetica Neue",Arial,sans-serif;--body:var(--font-ibm-plex-sans),"Helvetica Neue",Arial,sans-serif;font-family:var(--body);color:var(--ink);background:#fff}.mpx *{box-sizing:border-box}.mpx .wrap{max-width:1616px;margin:0 auto;padding:0 clamp(24px,6.1vw,88px)}.mpx h1,.mpx h2,.mpx h3{font-family:var(--display);text-wrap:balance;margin:0;font-weight:400}.mpx .kicker{letter-spacing:.06em;text-transform:uppercase;color:var(--grey);font-size:13px}.mpx .hero{background:var(--navy);color:#fff;isolation:isolate;margin-top:-72px;padding:150px 0 0;position:relative;overflow:hidden}.mpx .hero .art{z-index:-2;object-fit:cover;width:100%;max-width:none;height:100%;position:absolute;inset:0}.mpx .hero:before{content:"";z-index:-1;background:linear-gradient(#0a0a0a9e 0%,#0a0a0a47 38%,#0a0a0a1a 70%,#fff0 86%,#fff 100%);position:absolute;inset:0}.mpx .hero .grain{z-index:-1;opacity:.06;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.mpx .hero .copy{text-align:center;flex-direction:column;align-items:center;gap:18px;padding:0 20px;display:flex}.mpx .hero .eyebrow{letter-spacing:.04em;color:#ffffffb8;font-size:14px}.mpx .hero h1{letter-spacing:-.03em;max-width:15ch;font-size:clamp(40px,4.6vw,66px);line-height:1.04}.mpx .hero .lead{color:#ffffffd6;max-width:560px;margin:0;font-size:17px;line-height:1.55}.mpx .fan{perspective:1600px;justify-content:center;align-items:flex-start;height:640px;margin-top:56px;display:flex;position:relative}.mpx .fan .rig{width:320px;height:100%;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .9s cubic-bezier(.2,.7,.2,1);position:relative}.mpx .fan .slot{width:300px;margin-left:-150px;position:absolute;top:0;left:50%}.mpx .fan .slot.c{z-index:2;width:320px;margin-left:-160px}.mpx .fan .slot.l:not(.scr *){transform:translate(-300px,70px)rotate(-5deg)}.mpx .fan .slot.r{transform:translate(300px,70px)rotate(5deg)}.mpx .fan .ph{aspect-ratio:390/844;background:#fff;border-radius:34px;width:100%;animation:7s ease-in-out infinite mpfloat;display:block;position:relative;overflow:hidden;box-shadow:0 40px 90px #0a0a0a59,0 0 0 1px #fff6}.mpx .fan .slot.l:not(.scr *) .ph{animation-delay:-2.3s}.mpx .fan .slot.r .ph{animation-delay:-4.6s}.mpx .fan .layer{opacity:0;transition:opacity .7s,transform .9s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0;transform:scale(.985)}.mpx .fan .layer.on:not(.scr *){opacity:1;transform:none}.mpx .fan .layer .scr{width:100%}.mpx .hero.still .fan .ph{animation:none}@keyframes mpfloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.mpx .tabs{z-index:5;-webkit-backdrop-filter:blur(16px);background:#ffffffb8;border-radius:999px;gap:6px;padding:5px;display:flex;position:absolute;bottom:36px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0a0a0a1f}.mpx .tabs button{color:#0a0a0a;height:36px;font:500 14px var(--body);cursor:pointer;background:0 0;border:0;border-radius:18px;padding:0 16px;position:relative;overflow:hidden}.mpx .tabs button[aria-selected=true]{color:#fff;background:#0a0a0a}.mpx .tabs button[aria-selected=true]:after{content:"";transform-origin:0;width:100%;height:2px;animation:mpbar var(--dur,4.5s) linear forwards;background:#ffffff8c;position:absolute;bottom:0;left:0}.mpx .hero.paused .tabs button:after{opacity:0;animation:none}@keyframes mpbar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.mpx .tabs button:focus-visible{outline-offset:2px;outline:2px solid #0a0a0a}@media (prefers-reduced-motion:reduce){.mpx .fan .ph{animation:none}.mpx .fan .rig{transition:none}.mpx .tabs button:after{opacity:0;animation:none}}.mpx .sec{padding:clamp(56px,9vw,140px) 0}.mpx .sec.tight{padding-top:clamp(24px,5vw,72px)}.mpx .h2:not(.scr *){letter-spacing:-.03em;font-size:clamp(34px,3.3vw,48px);line-height:1.08}.mpx .cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:48px;display:grid}.mpx .card:not(.scr *){isolation:isolate;background:#dde3ea;border-radius:20px;height:560px;position:relative;overflow:hidden}.mpx .card:not(.scr *) .bg{object-fit:cover;z-index:-2;width:100%;max-width:none;height:100%;position:absolute;inset:0}.mpx .card:not(.scr *) .win{aspect-ratio:390/844;background:#fff;border-radius:24px;width:230px;position:absolute;top:40px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 30px 60px #0a0a0a38;-webkit-mask-image:linear-gradient(#000 55%,#0000 88%);mask-image:linear-gradient(#000 55%,#0000 88%)}.mpx .card:not(.scr *) .win .scr{width:100%}.mpx .card:not(.scr *) .txt{color:#fff;position:absolute;bottom:26px;left:28px;right:28px}.mpx .card:not(.scr *):after{content:"";z-index:-1;background:linear-gradient(#0a0a0a00 45%,#0a0a0a8c 78%,#0a0a0ad1 100%);position:absolute;inset:0}.mpx .card:not(.scr *) .txt h3{letter-spacing:-.01em;font-size:24px}.mpx .card:not(.scr *) .txt p{color:#ffffffd6;margin:10px 0 0;font-size:16px;line-height:1.5}.mpx .split{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:64px;display:grid}.mpx .split p{color:var(--grey);margin:8px 0 0;font-size:17px;line-height:1.65}.mpx .dark:not(.scr *){background:var(--navy);color:#fff}.mpx .dark:not(.scr *) .kicker{color:#fff9}.mpx .flow{grid-template-columns:minmax(0,.9fr) minmax(0,2fr);align-items:center;gap:56px;display:grid}.mpx .flow .intro p{color:#ffffffb8;margin:18px 0 0;font-size:17px;line-height:1.65}.mpx .steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.mpx .step:not(.scr *) .ph{aspect-ratio:390/844;background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 0 0 1px #ffffff1f}.mpx .step:not(.scr *) .ph .scr{width:100%}.mpx .step:not(.scr *) .n:not(.scr *){color:#ffffff8c;font-variant-numeric:tabular-nums;margin-top:18px;font-size:13px}.mpx .step:not(.scr *)>h3{margin-top:4px;font-size:19px}.mpx .step:not(.scr *)>p{color:#ffffffa8;margin:6px 0 0;font-size:15px;line-height:1.5}.mpx .shelf{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:48px;display:grid}.mpx .tile:not(.scr *){isolation:isolate;color:#fff;border-radius:20px;flex-direction:column;justify-content:flex-end;height:300px;padding:28px;display:flex;position:relative;overflow:hidden}.mpx .tile:not(.scr *) .bg{object-fit:cover;z-index:-2;width:100%;max-width:none;height:100%;position:absolute;inset:0}.mpx .tile:not(.scr *):after{content:"";z-index:-1;background:linear-gradient(#0a0a0a00 40%,#0a0a0a80 100%);position:absolute;inset:0}.mpx .tile:not(.scr *) h3{letter-spacing:-.02em;font-size:30px}.mpx .tile:not(.scr *) p{color:#ffffffdb;margin:8px 0 0;font-size:14px}.mpx .team{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px;display:grid}.mpx .team .pic{isolation:isolate;border-radius:20px;height:640px;position:relative;overflow:hidden}.mpx .team .pic .bg{object-fit:cover;z-index:-1;width:100%;max-width:none;height:100%;position:absolute;inset:0}.mpx .team .pic .win{border-radius:30px;width:300px;position:absolute;top:56px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 40px 80px #0a0a0a59;-webkit-mask-image:linear-gradient(#000 60%,#0000 96%);mask-image:linear-gradient(#000 60%,#0000 96%)}.mpx .team .pic .win .scr{width:100%}.mpx .list{border-top:1px solid var(--line);margin:36px 0 0;padding:0;list-style:none}.mpx .list li{border-bottom:1px solid var(--line);padding:20px 0}.mpx .list li>h3{font-family:var(--body);font-size:17px;font-weight:500}.mpx .list li>p{color:var(--grey);margin:6px 0 0;font-size:16px;line-height:1.55}.mpx .cols{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:48px;display:grid}.mpx .cols>div{border-left:1px solid #ffffff1f;padding:0 28px 8px}.mpx .cols>div:first-child{border-left:0;padding-left:0}.mpx .ic{width:22px;height:22px;margin-bottom:28px;display:block}.mpx .cols h3{font-size:17px;line-height:1.3}.mpx .cols p{color:#ffffff9e;margin:10px 0 0;font-size:15px;line-height:1.6}@media (max-width:1000px){.mpx .fan{height:540px}.mpx .fan .slot{width:230px;margin-left:-115px}.mpx .fan .slot.c{width:250px;margin-left:-125px}.mpx .fan .slot.l:not(.scr *){transform:translate(-190px,60px)rotate(-5deg)}.mpx .fan .slot.r{transform:translate(190px,60px)rotate(5deg)}.mpx .cards{grid-template-columns:1fr}.mpx .split,.mpx .flow,.mpx .team{grid-template-columns:1fr;gap:32px}.mpx .cols,.mpx .shelf{grid-template-columns:repeat(2,minmax(0,1fr))}.mpx .cols>div{border-left:0;padding:0 20px 32px 0}}@media (max-width:560px){.mpx .fan .slot.l:not(.scr *),.mpx .fan .slot.r{display:none}.mpx .steps{grid-template-columns:1fr 1fr}.mpx .steps .step:not(.scr *):last-child{display:none}.mpx .cols,.mpx .shelf{grid-template-columns:1fr}}@media (max-width:640px){.mpx .hero{padding-top:112px}.mpx .hero h1{max-width:none}.mpx .hero .lead{font-size:16px}.mpx .fan{height:430px;margin-top:40px}.mpx .cards{gap:14px;margin-top:28px}.mpx .card:not(.scr *){height:440px}.mpx .card:not(.scr *) .win{width:200px;top:28px}.mpx .card:not(.scr *) .txt{bottom:22px;left:22px;right:22px}.mpx .shelf{gap:12px;margin-top:28px}.mpx .tile:not(.scr *){height:170px;padding:20px}.mpx .tile:not(.scr *) h3{font-size:24px}.mpx .team .pic{height:420px}.mpx .team .pic .win{width:220px;top:36px}.mpx .list{margin-top:24px}.mpx .list li{padding:16px 0}.mpx .cols{grid-template-columns:1fr;margin-top:28px}.mpx .cols>div{border-top:1px solid #ffffff24;border-left:0;padding:22px 0}.mpx .ic{margin-bottom:14px}.mpx .steps{gap:14px}.mpx .split{gap:16px}.mpx .card:not(.scr *){background:0 0;border-radius:0;height:auto;padding-top:300px;overflow:visible}.mpx .card:not(.scr *):after{display:none}.mpx .card:not(.scr *) .bg{border-radius:18px;height:300px}.mpx .card:not(.scr *) .win{aspect-ratio:auto;border-radius:24px 24px 0 0;width:196px;height:274px;top:26px;box-shadow:0 -8px 30px #0a0a0a24;-webkit-mask-image:none;mask-image:none}.mpx .card:not(.scr *) .txt{color:var(--ink,#0a0a0a);padding-top:16px;position:static}.mpx .card:not(.scr *) .txt h3{font-size:19px}.mpx .card:not(.scr *) .txt p{color:var(--grey);margin-top:6px;font-size:14px;line-height:1.55}.mpx .hero:before{background:linear-gradient(#0a0a0a9e 0%,#0a0a0a47 38%,#0a0a0a14 100%)}.mpx .fan{height:400px;overflow:hidden}.mpx .fan .ph{animation:none}}
.rpx{--black:#0a0a0a;--fg:#f5f5f5;--grey:#a3a3a3;--line:#262626;--tile:#141414;--display:var(--font-space-grotesk),"Helvetica Neue",Arial,sans-serif;--body:var(--font-ibm-plex-sans),"Helvetica Neue",Arial,sans-serif;font-family:var(--body);color:var(--fg);background:#0a0a0a}.rpx *{box-sizing:border-box}.rpx .wrap{max-width:1616px;margin:0 auto;padding:0 clamp(24px,6.1vw,88px)}.rpx h1,.rpx h2,.rpx h3{font-family:var(--display);text-wrap:balance;margin:0;font-weight:400}.rpx .kicker{letter-spacing:.06em;text-transform:uppercase;color:var(--grey);font-size:13px}.rpx .h2{letter-spacing:-.03em;font-size:clamp(32px,3.6vw,52px);line-height:1.08}.rpx .sec{padding:clamp(56px,9vw,140px) 0}.rpx .sec.tight{padding-top:0}.rpx .hero{isolation:isolate;color:#fff;margin-top:-72px;padding:150px 0 0;position:relative;overflow:hidden}.rpx .hero .art{object-fit:cover;z-index:-2;width:100%;max-width:none;height:820px;position:absolute;top:0;left:0;right:0}.rpx .hero:before{content:"";z-index:-1;background:linear-gradient(#0a0a0a8c 0%,#0a0a0a38 40%,#0a0a0a59 60%,#0a0a0acc 85%,#0a0a0a 100%);height:820px;position:absolute;top:0;left:0;right:0}.rpx .hero .grain{z-index:-1;opacity:.06;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");height:820px;position:absolute;top:0;left:0;right:0}.rpx .hero .copy{text-align:center;flex-direction:column;align-items:center;gap:18px;padding:0 20px;display:flex}.rpx .hero .eyebrow{letter-spacing:.04em;color:#ffffffc2;font-size:14px}.rpx .hero h1{letter-spacing:-.03em;max-width:20ch;font-size:clamp(40px,4.6vw,66px);line-height:1.05}.rpx .hero .lead{color:#ffffffdb;max-width:600px;margin:0;font-size:17px;line-height:1.55}.rpx .window{width:min(1120px,100% - 40px);box-shadow:0 0 0 1px #0a0a0a14,0 40px 120px #0a0a0a47;box-shadow:none;background:#0a0a0a;border:1px solid #262626;border-radius:16px;margin:64px auto 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#000 55%,#0000 100%);mask-image:linear-gradient(#000 55%,#0000 100%)}.rpx .window .scr{width:100%}.rpx .split{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:64px;display:grid}.rpx .split p{color:var(--grey);margin:8px 0 0;font-size:16px;line-height:1.65}.rpx .points{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:56px;display:grid}.rpx .points>div{padding:28px 32px 0 0}.rpx .points h3{font-family:var(--body);font-size:16px;font-weight:500}.rpx .points p{color:var(--grey);max-width:36ch;margin:8px 0 0;font-size:14px;line-height:1.6}.rpx .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:48px;display:grid}.rpx .feat{background:var(--tile);border:1px solid var(--line);border-radius:20px;height:540px;position:relative;overflow:hidden}.rpx .feat .shot{background:#0a0a0a;border-radius:12px 0 0 12px;height:340px;position:absolute;top:40px;left:40px;right:-60px;overflow:hidden;box-shadow:0 0 0 1px #262626,0 24px 60px #00000080;-webkit-mask-image:linear-gradient(#000 62%,#0000 100%);mask-image:linear-gradient(#000 62%,#0000 100%)}.rpx .feat .shot .scr{width:100%}.rpx .feat .txt{position:absolute;bottom:36px;left:40px;right:40px}.rpx .feat .txt h3{letter-spacing:-.01em;font-size:24px}.rpx .feat .txt p{color:var(--grey);max-width:46ch;margin:10px 0 0;font-size:15px;line-height:1.55}.rpx .dark{background:var(--black);color:#fff}.rpx .cols{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:48px;display:grid}.rpx .cols>div{border-left:1px solid #ffffff1f;padding:0 28px 8px}.rpx .cols>div:first-child{border-left:0;padding-left:0}.rpx .ic{width:22px;height:22px;margin-bottom:28px;display:block}.rpx .cols h3{font-size:17px;line-height:1.3}.rpx .cols p{color:#ffffffa3;margin:10px 0 0;font-size:14px;line-height:1.6}.rpx .deploy{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px;margin-top:48px;display:grid}.rpx .dcard{isolation:isolate;color:#fff;border-radius:20px;height:420px;position:relative;overflow:hidden}.rpx .dcard img{object-fit:cover;z-index:-2;width:100%;max-width:none;height:100%;position:absolute;inset:0}.rpx .dcard:after{content:"";z-index:-1;background:linear-gradient(#0a0a0a00 40%,#0a0a0a9e 100%);position:absolute;inset:0}.rpx .dcard .txt{position:absolute;bottom:32px;left:36px;right:36px}.rpx .dcard h3{font-size:26px}.rpx .dcard p{color:#ffffffdb;max-width:44ch;margin:10px 0 0;font-size:15px;line-height:1.55}@media (max-width:1000px){.rpx .split,.rpx .deploy{grid-template-columns:1fr;gap:28px}.rpx .grid,.rpx .points{grid-template-columns:1fr}.rpx .cols{grid-template-columns:repeat(2,minmax(0,1fr))}.rpx .cols>div{border-left:0;padding:0 20px 32px 0}}@media (max-width:560px){.rpx .cols{grid-template-columns:1fr}.rpx .feat{height:460px}.rpx .feat .shot{height:260px;top:24px;left:24px}.rpx .feat .txt{left:24px;right:24px}}.rpx .close{padding:clamp(66px,8.3vw,120px) var(--section-pad-inline) clamp(72px,9.7vw,140px);background:#0a0a0a}@media (max-width:640px){.rpx .hero{padding-top:112px}.rpx .cols{grid-template-columns:1fr}.rpx .cols>div{border-top:1px solid #ffffff24;padding:22px 0}.rpx .grid{scroll-snap-type:x mandatory;scrollbar-width:none;margin-right:-24px;padding-right:24px;overflow-x:auto;gap:12px!important;display:flex!important}.rpx .grid::-webkit-scrollbar{display:none}.rpx .grid>.feat{scroll-snap-align:start;flex:0 0 82%}.rpx .deploy{gap:12px}.rpx .dcard{height:260px;min-height:260px!important}.rpx .feat{height:400px}.rpx .feat .shot{height:230px;top:20px;left:20px}.rpx .feat .txt{bottom:22px;left:20px;right:20px}.rpx .feat .txt h3{font-size:20px}.rpx .feat .txt p{font-size:14px}}@media (min-width:641px) and (max-width:1000px){.rpx .grid{scroll-snap-type:x mandatory;scrollbar-width:none;margin-right:calc(-1*clamp(24px,6.1vw,88px));padding-right:clamp(24px,6.1vw,88px);overflow-x:auto;gap:16px!important;display:flex!important}.rpx .grid::-webkit-scrollbar{display:none}.rpx .grid>.feat{scroll-snap-align:start;flex:0 0 62%;height:440px}.rpx .deploy{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.rpx .dcard{height:320px;min-height:320px!important}}@media (max-width:640px){.rpx .grid:after{content:"";flex:0 0 calc(18% - 12px)}}@media (min-width:641px) and (max-width:1000px){.rpx .grid:after{content:"";flex:0 0 calc(38% - 16px)}}
.dbx .hero{padding-top:150px}.dbx .stage{perspective:1800px;max-width:1080px;height:600px;margin:64px auto 0;padding:0 20px;position:relative}.dbx .stage .rig{height:100%;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .9s cubic-bezier(.2,.7,.2,1);position:relative}.dbx .bw{background:#fff;border-radius:16px;position:absolute;top:0;left:0;right:120px;overflow:hidden;box-shadow:0 40px 100px #0a0a0a4d,0 0 0 1px #ffffff73}.dbx .bw .bar{background:#f2f2f2;border-bottom:1px solid #e6e6e6;align-items:center;gap:7px;height:34px;padding:0 14px;display:flex}.dbx .bw .bar i{background:#d4d4d4;border-radius:50%;width:10px;height:10px}.dbx .bw .scr{width:100%}.dbx .stage .ph{aspect-ratio:390/844;background:#fff;border-radius:32px;width:250px;animation:7s ease-in-out infinite mpfloat;position:absolute;top:120px;right:0;overflow:hidden;box-shadow:0 40px 90px #0a0a0a61,0 0 0 1px #ffffff80}.dbx .stage .ph .scr{width:100%}@media (prefers-reduced-motion:reduce){.dbx .stage .ph{animation:none}.dbx .stage .rig{transition:none}}.dbx .duo{isolation:isolate;border-radius:20px;height:620px;margin-top:48px;position:relative;overflow:hidden}.dbx .duo .bg{object-fit:cover;z-index:-1;width:100%;max-width:none;height:100%;position:absolute;inset:0}.dbx .duo .web{background:#fff;border-radius:14px;width:62%;position:absolute;top:64px;left:6%;overflow:hidden;box-shadow:0 30px 70px #0a0a0a40;-webkit-mask-image:linear-gradient(#000 70%,#0000 100%);mask-image:linear-gradient(#000 70%,#0000 100%)}.dbx .duo .web .scr,.dbx .duo .mob .scr{width:100%}.dbx .duo .mob{aspect-ratio:390/844;background:#fff;border-radius:30px;width:250px;position:absolute;top:40px;right:8%;overflow:hidden;box-shadow:0 30px 70px #0a0a0a4d}.dbx .quad{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:48px;display:grid}.dbx .quad .crop{aspect-ratio:3/4;isolation:isolate;background:#f2f2f2;border-radius:18px;position:relative;overflow:hidden}.dbx .quad .crop .bg{object-fit:cover;z-index:-1;width:100%;max-width:none;height:100%;position:absolute;inset:0}.dbx .quad .crop .in{background:#fff;border-radius:18px;position:absolute;top:12%;left:14%;right:14%;overflow:hidden;box-shadow:0 24px 50px #0a0a0a38;-webkit-mask-image:linear-gradient(#000 62%,#0000 100%);mask-image:linear-gradient(#000 62%,#0000 100%)}.dbx .quad .crop .in .scr{width:100%}.dbx .quad h3{margin-top:20px;font-size:19px}.dbx .quad p{color:var(--grey);margin:6px 0 0;font-size:14px;line-height:1.55}.dbx .pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:48px;display:grid}.dbx .pair article{border:1px solid var(--line);border-radius:20px;flex-direction:column;gap:10px;padding:32px;display:flex}.dbx .pair .k{letter-spacing:.06em;text-transform:uppercase;color:var(--grey);font-size:13px}.dbx .pair h3{letter-spacing:-.02em;font-size:26px}.dbx .pair p{color:var(--grey);margin:0;font-size:15px;line-height:1.6}.dbx .arch{border:1px solid var(--line);background:#fafafa;border-radius:20px;margin-top:48px;padding:clamp(16px,3vw,40px);overflow:hidden}.dbx .arch .scr{width:100%}@media (max-width:1000px){.dbx .stage{height:480px}.dbx .bw{right:80px}.dbx .stage .ph{width:190px;top:90px}.dbx .quad{grid-template-columns:repeat(2,minmax(0,1fr))}.dbx .pair{grid-template-columns:1fr}.dbx .duo{height:520px}.dbx .duo .mob{width:200px}}@media (max-width:560px){.dbx .stage{height:360px}.dbx .bw{right:40px}.dbx .stage .ph{border-radius:20px;width:130px;top:70px}.dbx .duo{height:440px}.dbx .duo .web{width:80%;left:4%}.dbx .duo .mob{border-radius:20px;width:150px;top:120px;right:4%}.dbx .quad{grid-template-columns:1fr}}.dbx .steps4{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:48px;display:grid}.dbx .steps4 .ph{aspect-ratio:390/844;box-shadow:0 0 0 1px var(--line),0 20px 50px #0a0a0a14;background:#fff;border-radius:26px;overflow:hidden}.dbx .steps4 .ph .scr{width:100%}.dbx .steps4 .n:not(.scr *){color:var(--grey);font-variant-numeric:tabular-nums;margin-top:18px;font-size:13px}.dbx .steps4 h3{margin-top:4px;font-size:19px}.dbx .steps4 p{color:var(--grey);margin:6px 0 0;font-size:14px;line-height:1.55}@media (max-width:1000px){.dbx .steps4{grid-template-columns:repeat(2,minmax(0,1fr))}}.dbx .hero h1{max-width:19ch}.dbx .team .pic .win{background:#0a0a0a}@media (max-width:640px){.dbx .stage{height:auto;margin-top:40px;padding:0}.dbx .stage .bw{display:none}.dbx .stage .ph{border-radius:30px;width:230px;margin:0 auto;display:block;position:relative;top:auto;right:auto}.dbx .duo{justify-content:center;height:auto;max-height:480px;margin-top:28px;padding:36px 0 0;display:flex}.dbx .duo .web{display:none}.dbx .duo .mob{border-radius:30px;width:230px;position:relative;top:auto;right:auto}.dbx .quad{gap:28px;margin-top:28px}.dbx .quad .crop{aspect-ratio:4/3.4}.dbx .quad .crop .in{top:10%;left:10%;right:10%}.dbx .steps4{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px}.dbx .steps4 h3{font-size:17px}.dbx .pair{margin-top:28px}.dbx .pair article{padding:24px}.dbx .arch{margin-top:28px;padding:16px}.dbx .hero:before{background:linear-gradient(#0a0a0a9e 0%,#0a0a0a47 38%,#0a0a0a14 100%)}.dbx .stage{height:340px;overflow:hidden}.dbx .stage .ph{border-radius:30px 30px 0 0;animation:none;box-shadow:0 -10px 60px #0a0a0a38,0 0 0 1px #ffffff80}.dbx .duo{height:360px;max-height:none;padding-top:32px}.dbx .duo .mob{aspect-ratio:auto;border-radius:28px 28px 0 0;height:328px}.dbx .quad .crop .in{border-radius:16px 16px 0 0;bottom:0;-webkit-mask-image:none;mask-image:none}.dbx .team .pic .win{border-radius:28px 28px 0 0;bottom:0;-webkit-mask-image:none;mask-image:none}}