.m1-verticals-section{isolation:isolate;font-feature-settings:"ss07" 1,"ss08" 1,"liga" 0;background:#d3d3d3;padding:88px clamp(24px,2vw,40px) 96px;scroll-margin-top:24px;font-family:PP Neue Montreal,Helvetica Neue,Arial,sans-serif;position:relative;overflow:hidden}.m1-verticals-backdrop{z-index:-2;pointer-events:none;background:url(/verticals/development-flow.webp) 50%/cover no-repeat;position:absolute;inset:-184px 0}.m1-verticals-section:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#f7f7f7c7,#f7f7f7b3 34%,#f7f7f745 70%,#f7f7f733);position:absolute;inset:0}.m1-verticals-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1200px;margin:auto;display:grid}.m1-verticals-intro{text-align:center;margin:0 auto 56px}.m1-verticals-title{color:#0a0a0a;letter-spacing:-.045em;text-wrap:balance;max-width:1050px;margin:0 auto;font-size:clamp(38px,5.2vw,72px);font-weight:400;line-height:1.04}.m1-verticals-description{color:#292929;letter-spacing:-.01em;text-wrap:balance;max-width:510px;margin:22px auto 0;font-size:17px;font-weight:400;line-height:1.55}.m1-vertical-card{isolation:isolate;aspect-ratio:6/5;color:#fff;text-align:center;background:#252729;border-radius:24px;min-width:0;min-height:470px;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 8px 24px #0000000d}.m1-vertical-art{z-index:-2;pointer-events:none;transition:transform .65s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.m1-liquid-background{background-color:#050505;overflow:hidden}.m1-liquid-plasma{background-image:radial-gradient(at 20% 80%,#4092ff 0%,#2353a1 18%,#0000 45%),radial-gradient(at 88% 16%,#2875d6 0%,#10284f 24%,#0000 52%)}.m1-liquid-lava{background-image:radial-gradient(at 50% 125%,#48acff 0%,#238aff 30%,#063bbe 45%,#031852 58%,#0000 72%)}.m1-liquid-canvas{opacity:0;width:100%;height:100%;display:block}.m1-liquid-canvas[data-ready=true]{opacity:1}.m1-vertical-card:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0000 20%,#0001 45%,#0002 60%,#0008);position:absolute;inset:0}.m1-vertical-card h3{color:#fff;letter-spacing:-.02em;margin:0;font-size:clamp(22px,2vw,30px);font-weight:450;line-height:1.2;position:absolute;top:41%;left:24px;right:24px;transform:translateY(-50%)}.m1-vertical-details{flex-direction:column;align-items:center;gap:24px;display:flex;position:absolute;bottom:40px;left:28px;right:28px}.m1-vertical-details p{color:#f5f5f5;text-wrap:balance;letter-spacing:-.01em;max-width:300px;margin:0;font-size:15px;font-weight:400;line-height:1.45}.m1-vertical-details a{color:#171717;background:#f5f5f5;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:12px 22px;font-size:15px;font-weight:500;line-height:22px;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.m1-vertical-details a svg{transition:transform .25s cubic-bezier(.2,.7,.2,1)}.m1-vertical-details a:active{transform:scale(.97)}.m1-vertical-details a:focus-visible{outline-offset:5px;outline:2px solid #fff}.m1-vertical-card:has(a:focus-visible){transform:translateY(-4px);box-shadow:0 20px 40px #00000024}.m1-vertical-card:has(a:focus-visible) .m1-vertical-art{transform:scale(1.025)}.m1-vertical-details a:focus-visible svg{transform:translate(3px)}@media (hover:hover) and (pointer:fine){.m1-vertical-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #00000024}.m1-vertical-card:hover .m1-vertical-art{transform:scale(1.025)}.m1-vertical-details a:hover{background:#fff}.m1-vertical-details a:hover svg{transform:translate(3px)}}@media (max-width:1000px) and (min-width:761px){.m1-verticals-grid{gap:16px}.m1-vertical-card{border-radius:20px;min-height:440px}.m1-vertical-details{gap:22px;bottom:32px;left:20px;right:20px}}@media (max-width:760px){.m1-verticals-section{padding:64px 24px}.m1-verticals-intro{margin-bottom:36px}.m1-verticals-title{font-size:clamp(36px,7vw,52px)}.m1-verticals-description{max-width:410px;margin-top:20px;font-size:16px;line-height:1.5}.m1-verticals-grid{grid-template-columns:1fr;gap:20px;max-width:540px}.m1-vertical-card{aspect-ratio:3/4;border-radius:22px;min-height:440px}.m1-vertical-card h3{font-size:28px}.m1-vertical-details{bottom:32px}.m1-vertical-details p{max-width:300px;font-size:16px}}@media (prefers-reduced-motion:reduce){.m1-verticals-backdrop,.m1-vertical-card,.m1-vertical-art,.m1-vertical-details a,.m1-vertical-details a svg{transition:none;transform:none!important}}
